每個條碼產生器範例都遵循相同的三個步驟流程：選擇格式、輸入數值，然後下載在任何印刷尺寸下都保持清晰的向量 SVG。實際操作時，範例會從頭到尾完整執行，展示哪一種條碼符號標準適合該輸入、工具會加入或驗證哪一個檢查碼，以及在螢幕上預期會看到什麼樣的可掃描輸出。一個真實的範例也會浮現那些會改變結果的細節決定：EAN-13 要用 12 位數還是 13 位數、UPC-A 要用 11 位數還是 12 位數，以及你所選的格式是否能編碼你的倉儲系統已經使用的字母。以下四個簡短的逐步操作說明都使用同一個免費、基於瀏覽器的條碼產生器，針對四種支援的 1D 格式（Code 128、EAN-13、UPC-A 和 Code 39），從一個真實的輸入數值產生一個真實可掃描的條碼。每一個逐步操作都會展示你輸入的內容、工具輸出的數值，以及下載的 SVG 在真實標籤、校樣或庫存卡上的最終位置。將你自己的 SKU、追蹤編號或資產標籤對應到最接近的案例，並逐字複製步驟。
條碼產生器範例展示了什麼
一個有用的條碼產生器範例涵蓋四個組成要素：輸入數值、所選的條碼符號標準、渲染當下以及下載的檔案。當這四個部分同時出現時，「條碼」這個抽象的概念就會變成一組具體的選擇。輸入就是你輸入的任何內容，無論是產品編號、追蹤編號還是簡短的資產標籤。條碼符號標準是將該輸入轉換為條與空的編碼規則，每個規則都有自己的長度限制、字元集和可選的檢查碼。渲染當下是你在螢幕上看到的視覺輸出，下載的檔案則是會被放到標籤、貨運紙箱或包裝校樣上的最終結果。
因此，一個實際演練的範例不僅僅是一張條碼圖片。它會標示數值、標示格式，並展示兩者如何連結，包括像缺少檢查碼的 EAN-13 會自動補上、或 UPC-A 中的輸入錯誤在變成無用貼紙之前就會被標示出來這類邊界情況。以下的範例使用在瀏覽器中執行的免費條碼產生器，因此輸入數值、渲染的條碼以及下載的 SVG，正是你用自己資料依照相同步驟操作時會看到的結果。
Code 128：追蹤標籤範例
Code 128 是貨運與物流的主力格式，當輸入混合字母、數字和符號時，它是正確的選擇。用於貨運追蹤標籤的真實範例數值是一個像「1Z999AA10123456784」（UPS 使用的格式）這樣的字串，或是任何像「001234560000000018」這樣的 SSCC 棧板代碼。
若要將該字串轉成條碼，請開啟條碼產生器，從格式選擇器中挑選 Code 128，並將數值貼入輸入欄位。這裡不需要擔心檢查碼，所以當你輸入完的那一刻條碼就會渲染，而下載按鈕會將結果存成 SVG，你可以將它放入貨運標籤模板、SSCC 紙箱校樣或追蹤編號的試算表中。相同的工作流程也涵蓋你的倉儲系統給出的任何字母數字混合 SKU，因為 Code 128 將完整的 ASCII 字元集打包成密度高且窄的條碼圖樣，在小尺寸印刷時掃描器仍能可靠讀取。
EAN-13：零售產品範例
EAN-13 是全球消費產品在結帳時掃描的 13 位數零售條碼，實際演練的範例正是展示 modulo-10 檢查碼如何運作的最佳場景。以 12 位數「123456789012」為例。檢查碼是用 modulo-10 公式計算出來的：奇數位（1、3、5、7、9、11）的數字乘以 1，偶數位（2、4、6、8、10、12）的數字乘以 3，將乘積相加，檢查碼就是讓總和補到下一個 10 的倍數所需的數字。
代入範例數值：1×1 + 2×3 + 3×1 + 4×3 + 5×1 + 6×3 + 7×1 + 8×3 + 9×1 + 0×3 + 1×1 + 2×3 = 1 + 6 + 3 + 12 + 5 + 18 + 7 + 24 + 9 + 0 + 1 + 6 = 92。92 之上下一個 10 的倍數是 100，所以檢查碼是 100 − 92 = 8，完整的 EAN-13 就是 1234567890128。
在條碼產生器中，將「123456789012」輸入 EAN-13 欄位，工具會自動為你補上 8，所以渲染出來的條碼讀作 1234567890128。如果你改為貼上完整的 13 位數字串，同一個工具會驗證最後一位是否是正確的檢查碼，並在列印出無法掃描的標籤之前就標示出不符之處。下載的 SVG 可以直接放入任何尺寸的零售包裝設計稿中而不會損失條碼的清晰度，這對於結帳的可靠性至關重要。
UPC-A：北美產品範例
UPC-A 是 EAN-13 在美國和加拿大使用的 12 位數姊妹格式，當產品上架時美國零售商會要求這種格式。它的運作方式與 EAN-13 對應：結尾有一個 modulo-10 檢查碼，你可以輸入前 11 位數讓工具補上第 12 位，也可以貼上完整的 12 位數代碼讓工具驗證檢查碼。
一個典型的範例數值是「036000291452」，這是一個已經帶有有效檢查碼的 12 位數代碼。在條碼產生器中，選擇 UPC-A，貼上數值，條碼會立即渲染並靜悄悄地完成驗證。如果你打錯了最後一位數，工具會將不符之處顯示出來，讓你在匯出 SVG 之前更正，而不是在貼紙印出後才發現錯誤。對於美國或加拿大的零售上市，這是你的經銷商期望看到的格式，且同一組範例數值可以在不同的包裝變體中重複使用，因為 UPC-A 代碼是綁定產品而非綁定設計稿的。
Code 39：庫存貼紙範例
Code 39 是較早期但耐用的字母數字格式，在汽車、國防與內部庫存系統中仍然常見，當你想要一個簡短、簡單、易於列印且不需要檢查碼的標籤時，它是正確的選擇。一個真實的範例是像「ASSET-0042」這樣的資產標籤，或是像「PN-12345-B」這樣的內部零件編號。
在條碼產生器中，選擇 Code 39，輸入數值，條碼就直接渲染。它的字元集涵蓋大寫字母、數字以及少數符號（包括連字號），所以混合字母與數字的內部代碼完全不是問題。由於沒有檢查碼，你輸入什麼掃描器就讀到什麼，這也是 Code 39 在會在掃描現場自行驗證的封閉式庫存系統中持續受歡迎的原因之一。相同的 SVG 下載流程會產生一個乾淨的向量檔，你可以貼入庫存標籤模板、維護紀錄或零件儲位卡中。
如何從頭到尾產生一條條碼
- 在任何現代瀏覽器中開啟條碼產生器。無需註冊、無需安裝，也不用上傳資料。
- 從選擇器中選擇一個格式。物流與任何文字內容使用 Code 128，全球零售產品使用 EAN-13，美國與加拿大零售使用 UPC-A，內部庫存使用 Code 39。
- 將你的數值輸入到輸入欄位中。EAN-13 輸入 12 位數（或完整的 13 位）；UPC-A 輸入 11 位數（或完整的 12 位）。檢查碼會自動加入或驗證。Code 128 和 Code 39 則直接接受你的文字。
- 輸入時觀察條碼在螢幕上的渲染。如果你使用的是 EAN-13 或 UPC-A，檢查碼不符會在此處標示出來，讓你在列印前更正錯誤。
- 點擊 Download SVG 來儲存一個可印刷的向量檔。在任何設計工具中開啟它，或將它放入標籤模板、包裝設計稿或試算表中。
一眼看懂如何選擇正確的格式
| 格式 | 典型輸入 | 長度 | 檢查碼 | 最適用於 |
|---|---|---|---|---|
| Code 128 | 字母數字 ASCII | 可變 | 內建（modulo-103） | 貨運、物流、SSCC 棧板代碼 |
| EAN-13 | 僅限數字 | 12 + 1 檢查碼 | Modulo-10，自動加入或驗證 | 全球銷售的零售產品 |
| UPC-A | 僅限數字 | 11 + 1 檢查碼 | Modulo-10，自動加入或驗證 | 美國與加拿大的零售產品 |
| Code 39 | 大寫 A–Z、0–9，少數符號 | 可變 | 可選，非必要 | 內部庫存、汽車、國防 |
想更深入了解每種格式為何適合不同的工作，挑選正確的 1D 條碼格式這篇逐步說明與本表格相輔相成。
為什麼下載的是 SVG 而不是 PNG
條碼產生器永遠下載 SVG，而這個選擇是刻意的。SVG 是一種向量格式，因此條碼在任何印刷尺寸下，從 10 毫米的產品標籤到整頁海報，都能保持極致的清晰，並且在任何雷射、噴墨或熱感印表機上都能列印鮮明。像 PNG 或 JPEG 這類點陣圖會將條碼儲存為固定像素網格，當你把這個網格放大時，條碼邊緣就會模糊。邊緣模糊是印刷條碼在結帳時無法掃描的最常見原因，因此向量路徑的重要性遠超過副檔名本身。
同一個 SVG 也能以即時、可編輯的物件形式放入任何設計工具，包括 Illustrator、Inkscape、Figma、Affinity，甚至 Word 和 PowerPoint，讓你可以重新上色、調整大小，或嵌入更大的版面中而無需重新匯出。如果你特別需要一個點陣圖給不接受向量輸入的系統使用，SVG 可以在你選擇的任何解析度下乾淨地轉成 PNG，而原始的條碼數學上仍然完全精確。
將範例應用到你自己的專案中
使用這些範例最快的方式，是將你自己的數值替換掉範例字串，其他一切保持不變。拿一個真實的貨運追蹤編號，貼到 Code 128，然後下載 SVG。拿你的 EAN-13，貼上 12 位數讓工具補上檢查碼，你就得到一個可立即用於零售的標籤。拿你的美國 UPC-A，貼上 11 位數或完整的 12 位數，你就得到一個可立即上架的貼紙。拿一個內部資產標籤，選擇 Code 39，你就得到一個與其他儲位一致的庫存標籤。
由於產生過程完全在瀏覽器中以 JavaScript 執行，你的產品代碼、SKU 與追蹤編號永遠不會離開你正在使用的裝置。沒有浮水印、沒有每日額度，也不需要建立帳號，而且一旦頁面載入完成，工具就能離線運作。以上四個範例涵蓋了條碼產生器所支援的所有 1D 格式，因此無論你需要的是標籤、校樣還是印刷量產用的條碼，都只需輸入一個數值、點擊一下即可完成。
想深入了解，請參閱批次 QR Code 產生器詳解：限制與輸出。