條碼標籤編輯器｜線上設計、批次匯入與列印條碼標籤

免費線上條碼標籤編輯器，免安裝。拖曳設計文字、條碼（一維／二維）、圖片與圖案。支援 CSV 批次匯入、序號自動遞增、現場輸入欄位，設計完成後直接列印或匯出成 PDF／圖片。人人都能上手的條碼標籤產生器。

選擇範本

商品標籤

品名、價格、商品條碼，零售/賣場常見的基本商品標籤

60 × 40 mm

出貨標籤

收件/寄件地址加追蹤條碼，4×6 吋常見出貨標籤尺寸

101 × 152 mm

資產標籤

IT / 固定資產編號小標籤，含條碼

50 × 25 mm

識別證／名牌

姓名、職稱，含外框，適合活動識別證或桌牌

90 × 54 mm

倉儲庫位標籤

大字庫位代碼加條碼，方便掃描槍快速定位

100 × 50 mm

食品標示標籤

品名、成分、有效期限（自動帶入列印當天日期）、條碼

70 × 50 mm

QR Code 聯絡資訊

QR Code 加姓名/職稱/聯絡方式，適合名片貼紙

60 × 30 mm

回郵地址標籤

寄件人名稱與地址，適合信封回郵標籤

70 × 35 mm

藥品標籤

藥品名稱、服用方式、病患資訊、處方條碼

80 × 50 mm

序號標籤

條碼綁定「流水號」資料模式，批次列印會自動遞增序號

40 × 20 mm

網站使用教學

快速入門：建立第一張標籤

  1. 點擊工具列左上角的「新增標籤」按鈕，開啟建立標籤的對話框。
  2. 設定標籤的顯示單位（公釐 mm 或英吋 inch）、寬度、高度，以及印表機解析度（203／300／600 DPI，依實際使用的印表機規格選擇）。
  3. 按下「建立標籤」即可開始編輯，畫布會依照剛剛設定的尺寸顯示。

新增與編輯元件

  1. 工具列中間的「元件」區塊列出可用的元件類型：文字、條碼、線條、矩形、橢圓、圖片，將圖示拖曳到畫布上即可新增。
  2. 點選畫布上的元件後，右側「屬性面板」會顯示該元件可調整的內容：位置、尺寸、旋轉角度、文字內容與字型、條碼種類與參數（例如寬窄比例）、虛線樣式等，依元件類型而不同。
  3. 需要精準對齊多個元件時，選取多個元件後可使用屬性面板的對齊功能（靠左／置中／靠右／靠上／置中／靠下）。

圖層、復原與剪貼簿

  1. 工具列「圖層」區塊可調整選取元件的堆疊順序：移到最上層、上移一層、下移一層、移到最上層。
  2. 編輯有誤時可用「復原」（Ctrl+Z）／「重做」（Ctrl+Y）還原。
  3. 「剪貼簿」區塊提供複製（Ctrl+C）、貼上（Ctrl+V）、再製（Ctrl+D）、刪除（Delete）選取的元件。

匯入資料來源：套用同一份資料到多筆標籤

  1. 點擊工具列「匯入資料來源」，貼上或上傳 CSV 格式的資料（第一列為欄位名稱）。
  2. 在屬性面板將文字或條碼內容設定為「欄位」模式，並選擇要綁定的欄位名稱，畫面上會顯示 {{欄位名稱}} 的佔位字提示目前綁定的欄位。
  3. 匯入完成後，點擊「列印」按鈕開啟批次預覽視窗，即可逐筆瀏覽每一列資料套用後的實際標籤內容，並可調整要列印的張數與範圍。

輸入欄位模式：現場手動輸入

  1. 如果每張標籤的內容需要在列印當下手動輸入（例如序號、批號），可在屬性面板將內容設定為「輸入欄位」模式，畫面上會顯示 {{INPUT順序}} 佔位字。
  2. 開啟批次預覽後，畫面會依序提示輸入每個輸入欄位的值，部分欄位可設定輸入格式遮罩（例如限定英數字或固定長度），輸入完成後即可接續列印下一張。

預覽列印與匯出

  1. 「列印」按鈕會開啟批次預覽視窗，可翻頁檢查每張標籤內容、設定列印張數，並直接呼叫瀏覽器的列印功能輸出到印表機。
  2. 若需要把標籤存成檔案，可使用匯出功能輸出成 PDF 或 PNG 圖片。
  3. 工具列左上角的「儲存」／「開啟檔案」可以把目前編輯中的標籤存成專案檔，之後再次開啟繼續編輯。

進階：直接列印模式（略過列印對話框）

  1. 一般列印會跳出瀏覽器/系統的列印對話框，操作員要按一下「列印」才會真的印出來。如果印表機已經是 Windows 的預設印表機、不需要每次手動選擇，可以設定「直接列印模式」，讓按下批次預覽的「列印」按鈕後不跳對話框、直接送到預設印表機。Chrome 跟 Edge（都是 Chromium 核心）都支援這個做法。
  2. 設定方式：在桌面空白處按右鍵「新增」→「捷徑」，位置欄位貼上（含雙引號）。
    用 Chrome："C:\Program Files\Google\Chrome\Application\chrome.exe" --kiosk-printing https://rayenapp.com?directPrint=1
    用 Edge："C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" --kiosk-printing https://rayenapp.com?directPrint=1
    貼好後命名並儲存。
  3. 使用前記得先用工作管理員（Ctrl+Shift+Esc）把所有 chrome.exe（或 Edge 的 msedge.exe）結束（只關視窗不夠——這個啟動參數只在瀏覽器全新啟動時才會生效），再雙擊這個捷徑開啟網站；平常用一般方式開啟瀏覽器不會有這個效果。
  4. 網頁上如果看到「直接列印模式已啟用」的標籤，代表這個分頁是透過這個捷徑開啟的，但這只是提示、不是保證——實際會不會跳過對話框還是取決於瀏覽器版本與系統設定，設定好後請務必實際列印測試一次確認。

切換顯示語言

  1. 頁面右上角的語言下拉選單可切換這份教學（及主程式）的顯示語言，選擇後會記住偏好，下次開啟網站會自動套用。