條碼產生器是一種將一段文字或數字轉換成可掃描的一維條碼圖樣的工具,而適合初學者的優質工具能完全在瀏覽器中完成這項工作,不需要上傳、不需要帳號,也沒有費用。條碼產生器會建立四種最常用的一維條碼符號——Code 128、EAN-13、UPC-A 以及 Code 39——做法是接收你輸入的值,將其編碼為黑條與白空,並搭配靜止區,然後把結果渲染成可列印的 SVG 檔案。你只要挑選符合用途的格式、輸入資料,一個銳利的向量條碼就會在你輸入時即時出現在頁面上。如果是零售標籤,你輸入 12 位數的產品編號,工具會自動補上或驗證第 13 位檢查碼;如果是出貨或庫存用途,則可以貼上任何英數字串。由於所有運作都在本機 JavaScript 中執行,資料絕不會離開你的電腦,即使在沒有網路連線的情況下,只要頁面載入完成就能繼續使用,而且完全沒有浮水印或使用次數限制。接下來的章節將說明如何挑選合適的格式、逐步帶領你完成產生第一張條碼的三個步驟,並解釋那些決定列印標籤能否在結帳時順利被掃描的小細節——檢查碼與向量輸出。

挑選你的第一種條碼格式
每一種條碼符號都是為不同的工作而設計的,而用錯格式正是初學者最常犯的單一錯誤。好消息是,有四種格式就能涵蓋絕大多數的實際需求,而選擇的關鍵通常歸結於一個問題:誰會來掃描這張條碼?
| 格式 | 字元集 | 典型長度 | 適用情境 |
|---|---|---|---|
| Code 128 | 完整 ASCII(字母、數字、符號) | 彈性,常見為 4–25 字元 | 出貨標籤、追蹤編號、倉儲 SSCC 棧板代碼 |
| EAN-13 | 13 位數 | 13(12 資料 + 1 檢查碼) | 全球零售商品 |
| UPC-A | 12 位數 | 12(11 資料 + 1 檢查碼) | 美國與加拿大零售商品 |
| Code 39 | 大寫 A–Z、0–9 及少數符號 | 彈性,短字串 | 內部庫存、汽車與國防標籤、資產標籤 |
Code 128 是不確定該選哪一種時最安全的預設選擇:它幾乎能接受任何 ASCII 字元、沒有固定長度限制,而且是貨運商、倉儲業者與 3PL 在出貨標籤上所使用的格式。EAN-13 與 UPC-A 看起來類似,但僅限用於零售商品,且其前置碼是由 GS1 核發的公司前置碼,後接商品編號。EAN-13 是國際版本;UPC-A 則是它的北美 12 位數版本。Code 39 是較早期的耐用工業用英數格式,因不需要檢查碼,即使在低解析度印表機上也能清晰列印,所以至今仍普遍用於內部庫存與工業貼紙。
三步驟帶你完成第一張條碼
如果你從未產生過條碼,從空白畫面到列印出標籤的最快路徑只需要三次點擊。
- 選擇條碼格式——開啟條碼產生器,挑選符合你使用情境的符號:物流或任何文字使用 Code 128,零售商品使用 EAN-13 或 UPC-A,內部庫存則使用 Code 39。
- 輸入你的值——輸入你想要編碼的資料。如果是 EAN-13,輸入 12 位數,工具會自動加上第 13 位檢查碼;如果是 UPC-A,輸入 11 位數,工具會自動加上第 12 位。如果你貼上完整的 13 或 12 位數條碼,工具會驗證檢查碼並在列印前標記出打錯的地方。Code 128 與 Code 39 則直接接受你的文字,不需要任何檢查碼的設定。
- 下載 SVG 檔——條碼會在你輸入的同時即時產生。點擊下載 SVG儲存一個可列印的向量檔,然後放入你的標籤模板、包裝設計稿或設計檔案中。
整個工作流程就是這麼簡單。大多數初學者都會驚訝於它有多簡便:不需要安裝字型、不需要試算表外掛,也不需要熱感印表機的驅動程式。你下載的 SVG 是符合標準的檔案,任何現代的設計工具、文書處理器或標籤軟體都能開啟。
EAN-13 檢查碼的計算方式
對於初學者來說,EAN-13 與 UPC-A 最令人困惑的部分就是檢查碼。它是 13 或 12 位數字串中的最後一位,而且不是由你決定——而是根據其他位數,以 mod 10 公式計算出來的。掃描器會即時重新計算同樣的數字,如果結果不符就會拒絕讀取,這就是為什麼當鏡頭髒污或標籤皺褶造成誤讀時,能在結帳時被即時攔截的原因。工具會自動幫你處理這部分,但看過一次計算過程有助於你信任結果。
以這 12 個資料位數1 2 3 4 5 6 7 8 9 0 1 2為例。從最右邊的位數開始往左,每隔一位就乘以 3,其餘位數乘以 1:
- 由右至左:2 × 3 = 6
- 1 × 1 = 1
- 0 × 3 = 0
- 9 × 1 = 9
- 8 × 3 = 24
- 7 × 1 = 7
- 6 × 3 = 18
- 5 × 1 = 5
- 4 × 3 = 12
- 3 × 1 = 3
- 2 × 3 = 6
- 1 × 1 = 1
將各乘積相加:6 + 1 + 0 + 9 + 24 + 7 + 18 + 5 + 12 + 3 + 6 + 1 = 92。取該總和 mod 10(除以 10 後的餘數):92 mod 10 = 2。檢查碼為 10 − 2 = 8(若結果為 10 則改為 0)。因此完整的 EAN-13 為 1 2 3 4 5 6 7 8 9 0 1 2 8。當你輸入完前 12 位數的瞬間,工具就會產生同樣的 13 位數字串;而如果你貼上的 13 位數條碼最後一位不符,工具會在你還沒浪費一整張標籤之前就提醒你。
為什麼 SVG 輸出在列印時很重要
條碼只有在能被掃描器讀取時才有用,而能否順利掃描,取決於條紋邊緣是否乾淨、精準。這正是工具下載的是 SVG 而非 PNG 或 JPEG 的原因。SVG 是一種向量格式:條紋是由數學線條所定義,而不是由像素網格構成,因此當你把檔案從 1 公分的產品吊牌放大到整頁海報時,邊緣依然保持銳利,條紋之間的間距也能維持精確的寬度。點陣圖在螢幕上看起來沒問題,但放大時邊緣就會模糊,而在列印解析度下,這種模糊正好會造成掃描器回傳錯誤的結果。
對初學者而言,實際的意義在於你可以把同一個 SVG 檔直接放進熱感標籤模板、Word 文件、Illustrator 檔案或 Google Slides 簡報中,不需要重新渲染。如果你需要點陣圖(例如要上傳到只接受 PNG 的舊版電商後台),大多數設計工具都能將 SVG 以任何你指定的 DPI 匯出為 PNG。
保護你的條碼隱私:本機瀏覽器生成
初學者有理由擔心:把產品編號貼到網頁工具時,資料到底跑到哪裡去了。許多免費的條碼產生器會把你輸入的值傳送到遠端伺服器來產生圖片,這代表你的 SKU 列表、內部追蹤編號或尚未公開的產品代碼,可能會被記錄在你無法掌控的基礎設施上。條碼產生器透過完全在瀏覽器中以本機 JavaScript 執行來避免這個問題:編碼在你的裝置上完成,SVG 在你的裝置上產生,完全沒有任何資料上傳到伺服器。不需要建立帳號、沒有用量上限,下載的檔案也不會加上浮水印。
本機生成還有一個額外的好處:即使網路連線中斷,只要頁面已載入完成,工具仍能繼續運作。這讓它在倉庫、展場或任何 Wi-Fi 不穩定的環境中都能派上用場。
如需一份涵蓋四種格式、長度與輸出選項的快速可列印參考,條碼產生器速查表已將符號、位數與輸出重點整理在同一個頁面中。
延伸閱讀:初學者 Htaccess 產生器:三個安全指令。