一個完全在瀏覽器中運作的條碼產生器替代方案,僅用單一頁面就能取代桌面條碼軟體、付費 SaaS 訂閱以及需要上傳的產生器,在你裝置上本機產生符合標準的 1D 條碼。傳統的桌面工具需要安裝、授權金鑰、字型套件以及定期更新,而基於瀏覽器的替代方案像一般網頁一樣載入,接受你輸入的值,並輸出一個可立即列印的向量檔案,讓你能直接放進標籤模板、試算表或設計檔中。大家預期會有的取捨——較輕量的工具能力較差、精確度較低或較不符合標準——在這裡並不成立。一個專為此目的打造的瀏覽器產生器能處理四種最常用的 1D 條碼種類(Code 128、EAN-13、UPC-A 以及 Code 39),自動處理 EAN/UPC 檢查碼,並輸出比任何點陣化的 PNG 都更銳利的 SVG 向量格式。所有運算都在用戶端的 JavaScript 中完成:沒有任何資料被上傳、不需要建立帳號,即使網路斷線頁面仍可繼續運作。對於需要快速、可掃描且重視隱私的標籤的產品賣家、倉儲人員與開發者而言,這個替代方案並非妥協——它是一個更乾淨的工作流程。

這裡所謂的「替代方案」實際上代表什麼
大多數搜尋條碼產生器替代方案的讀者,都想要擺脫以下三種特定的困擾。第一種是桌面條碼軟體:像 Barcode Studio、NiceLabel 或較舊的傳統套件這類功能完整的工具,需要安裝字型、COM 元件或印表機驅動程式,而且每年都要續約授權。第二種是基於上傳的線上服務,把你的 SKU、物流編號或產品代碼送到遠端伺服器去產生——當這些代碼具有商業敏感性時,就會產生隱私問題。第三種是會計或標籤套件中夾帶的多餘功能:你只是需要一個用於棧板的 Code 128 標籤,卻得到一個 200 MB 的應用程式,要你設定「標籤設計工作區」。
基於瀏覽器的替代方案能避開以上三種困擾。不需要安裝任何東西,因為渲染引擎就是你現有的瀏覽器。沒有任何上傳,因為條碼是由你機器上的用戶端 JavaScript 產生的——就像計算機小工具計算總和時不必回傳資料一樣。也沒有夾帶的工作區,因為這個工具只會顯示它真正需要的輸入欄位:格式選擇器、數值欄位和下載按鈕。介面刻意設計得很精簡,因此從「我需要一個條碼」到「我拿到一個可掃描的 SVG」之間的路徑既短又可預期。
如果你超出了這個工具的四種格式範圍,那就是真正的天花板——瀏覽器替代方案不會跨出自己的範圍去產生 2D Data Matrix、PDF417、帶 AI 前綴的 GS1-128 或 HIBC 代碼。不過對於涵蓋運費標籤、零售產品和庫存標籤的四種線性格式而言,這個替代方案在不需安裝、授權或上傳的情況下,能涵蓋與傳統軟體相同且符合標準的功能。
如何使用此工具產生條碼
- 選擇條碼種類。處理運費、物流以及任何混合字母與數字的值時,請選擇 Code 128。零售產品標籤請選擇 EAN-13 或 UPC-A。內部庫存、汽車、國防或工業標籤等需要耐用且可使用英數代碼的場景,請選擇 Code 39。
- 輸入你的值。對於 Code 128 與 Code 39,請輸入你想要編碼的文字。對於 EAN-13,請輸入 12 個數字,第 13 個正確的檢查碼會自動計算並附加;或貼上一組完整的 13 位數代碼,系統會在產生條碼前先驗證其檢查碼。對於 UPC-A,請輸入 11 個數字(第 12 個檢查碼會自動加上),或貼上一組完整的 12 位數代碼以進行驗證。
- 下載 SVG。一旦輸入有效值,條碼就會即時在預覽窗格中產生。點擊「下載 SVG」即可儲存一個向量檔案,讓你能縮放成任何標籤尺寸、貼進 InDesign 或 Illustrator,或在後續需要時轉成 PNG(若你的列印流程需要點陣檔案)。
整個流程就是這樣。沒有要建立的帳號、不用裁掉浮水印,也沒有會觸發的使用次數限制——用不同的值再執行一次,同樣只需三個步驟。
選擇合適的 1D 格式
Code 128、EAN-13、UPC-A 和 Code 39 之間的選擇,取決於條碼將在何處被掃描,而非個人偏好。每種格式在供應鏈與零售標準中都有明確的角色:
| 格式 | 典型用途 | 字元集 | 檢查碼 |
|---|---|---|---|
| Code 128 | 運費、物流、SSCC 棧板標籤、混合文字 | 完整 ASCII(字母、數字、符號) | 非必要 |
| EAN-13 | 全球銷售的零售產品 | 12 個數字資料位 + 1 個檢查碼 | Modulo-10,自動加上或驗證 |
| UPC-A | 在美國與加拿大銷售的零售產品 | 11 個數字資料位 + 1 個檢查碼 | Modulo-10,自動加上或驗證 |
| Code 39 | 內部庫存、汽車、國防、工業標籤 | 英數字元 | 非必要 |
如果你銷售商品到零售通路,EAN-13 或 UPC-A 是強制必要的——這些是 POS 條碼掃描器所預期的條碼種類。如果你透過貨運業者出貨,貨運業者的標籤規格幾乎都強制使用 Code 128,因為它能將追蹤編號、重量與路由資料壓縮到同一個精簡的代碼中。Code 39 在倉庫內部仍然很有用,因為簡單的英數標籤就已足夠,且對列印瑕疵的耐受性比密度更重要。想根據你的掃描環境深入了解如何挑選格式,請參閱關於挑選正確的 1D 條碼格式的指南。
為何向量 SVG 在條碼上勝過點陣圖
點陣條碼(PNG、JPEG、GIF)是由像素格子組成的。當你把點陣圖放大時——以符合運費標籤、海報或吊牌——像素會被拉長,條碼邊緣也會變模糊。掃描器讀取條碼是測量深淺條交替的寬度,所以邊緣模糊會直接導致誤讀。即使在某個尺寸下使用「正確」的像素解析度,一旦把圖片放到不同尺寸的版面中,條碼的清晰度就會下降。
SVG 是一種向量格式。條碼是由幾何形狀描述的——位於精確座標的矩形——而非像素。在 InDesign、Illustrator、Affinity Designer 或任何網頁瀏覽器中開啟 SVG,它會以你設定的任何尺寸渲染,在每個縮放層級下條碼邊緣都保持數學上的精確。本工具之所以輸出 SVG,正是因為標籤的可列印尺寸在產生時是未知的:同一組代碼可能出現在 10 mm 的吊牌和 100 mm 的紙箱標籤上,兩者都必須能被正確掃描。
如果你的下游印表機、市集上架模板或電商平台堅持要點陣圖,你可以自行將 SVG 以你需要的精確 DPI 轉成 PNG——但從向量來源開始轉檔,代表轉換是基於乾淨的原檔,而非從小尺寸 PNG 模糊放大的版本。
自動處理的檢查碼運算
EAN-13 與 UPC-A 的末端都有一個檢查碼,這是一個單一數字,讓掃描器能在資料送達收銀機前先攔截誤讀。檢查碼是依據 GS1 通用規格中定義的 modulo-10 公式,根據前面的數字計算出來的。
對於 EAN-13,請取你輸入的 12 個資料數字。將奇數位(1、3、5、7、9、11 位)的數字相加後乘以 3。將偶數位(2、4、6、8、10、12 位)的數字相加。把兩個結果相加,計算總和除以 10 的餘數,再用 10 減去該餘數——若結果為 10,則使用 0。
以下是 12 個資料數字 590123412345 的計算範例:
奇數位總和:5 + 0 + 2 + 4 + 2 + 4 = 17,× 3 = 51 偶數位總和:9 + 1 + 3 + 1 + 3 + 5 = 22 總計:51 + 22 = 73 73 mod 10 = 3 檢查碼:10 − 3 = 7
因此完整的 EAN-13 變成 5901234123457。如果你將這組完整的 13 位數字串貼到工具中,它會重新計算同樣的算式並確認檢查碼相符。如果你貼的是 5901234123450,工具會在你要列印出無法在收銀機讀取的標籤之前,先標記出這個不一致。UPC-A 在其 11 個資料數字上也遵循相同的 modulo-10 規則。Code 128 與 Code 39 完全不需要設定檢查碼——這兩種格式會在內部自行處理完整性。
讓條碼實際派上用場
一旦你拿到 SVG,實際的做法就是把它丟進你既有的標籤或包裝工作流程中。對於產品標籤,典型的流程是:產生 EAN-13 SVG,將其匯入你的標籤設計軟體或印表機隨附的版面模板中,把它放在人類可讀數字旁,然後在實際的標籤紙材上以 300 DPI 或更高解析度列印。對於運費方面,請從你的追蹤編號產生 Code 128,將 SVG 貼進貨運業者的標籤模板或你的倉儲管理系統,然後列印。對於內部庫存,請從你的資產標籤產生 Code 39,用標籤印表機列印後貼到儲位上。
對於零售商與小型賣家而言,更需要謹慎決定的是如何在產品包裝上正確列印條碼——尺寸、安靜區與人類可讀文字都必須正確,否則代碼將無法被掃描。關於為產品產生條碼並正確列印的指南更詳細地說明了這套工作流程。一旦 SVG 以正確的尺寸放進正確的模板,你在這裡使用的替代方案所產生的條碼,其表現與任何其他符合標準的產生器所產出的條碼完全相同。
瀏覽器端的條碼產生器替代方案並非付費桌面套件的降級版——對於大多數運費、零售與庫存工作流程實際上需要的四種線性格式而言,它是一條更快速、更重視隱私且免授權的途徑,從一個值走到一個可掃描的標籤。請開啟條碼產生器,挑選符合你掃描環境的格式,輸入你的值,然後下載 SVG。檢查碼、向量輸出與離線行為都已幫你處理好;你唯一要提供的,就是條碼所代表的那個值。