跳到主要內容

QR Code 與條碼產生器 — 換色與向量匯出

輸入任何內容,即時產生可自訂顏色的 QR Code 或條碼,並匯出 PNG、JPG 與 SVG。全程在瀏覽器內完成,內容不會上傳。

三個步驟做出一張碼

  1. 選擇 QR Code 或條碼。
  2. 輸入內容。QR Code 什麼都收,條碼收任何 ASCII 字元。
  3. 調顏色與尺寸,然後匯出 PNG、JPG 或 SVG。

想先看效果,按「範例」會依目前的種類填入一組可用的內容。

QR Code 與條碼怎麼選

  • 要放網址、Wi-Fi 資訊、聯絡方式或一段文字,用 QR Code。
  • 要貼在商品、貨箱或倉儲儲位上,用條碼,因為既有的掃描設備讀的是這種。
  • QR Code 裝得下數千個字元,一維條碼通常只有幾十個。
  • QR Code 被遮住一角還讀得到,條碼刮掉一段就整條失效。

條碼可以放什麼內容

這裡產生的是 CODE128,一維條碼裡最不挑內容的一種。

  • 英文字母、數字與大部分標點都可以,例如 JR-TOOLKITS-001
  • 長度沒有固定限制,內部編號、批號、資產標籤與貨箱標籤都適用。
  • 純數字的內容會自動被壓成一半的長度,同樣的紙張放得下更多位數。
  • 中文與其他非 ASCII 字元放不進去,需要的話請改用 QR Code。
  • 檢查碼會自動算好編進去,你不用自己補。

要做零售商品上的 EAN-13 或 UPC 條碼,這個工具做不到。那類條碼只收固定位數的號碼, 而且號碼要向 GS1 申請,不能自己編一組。

容錯等級與邊界怎麼設

這兩個設定只影響 QR Code,決定它被弄髒或遮住之後還讀不讀得到。

  • 要印在紙上、可能沾到髒污或被折到,容錯選 Q 或 H。
  • 只放在螢幕、網頁或投影片裡,選 L 或 M 就夠,碼也比較清爽。
  • 等級愈高,同樣的內容需要愈多方格,碼會變密,遠距離掃描反而變難。
  • 中間要疊 logo 的話一定要選 H,而且遮住的面積不要超過碼的七分之一。
  • 邊界是碼四周的留白,掃描器靠它判斷碼從哪裡開始,留 4 個模組是安全值。
  • 只有在排版軟體會自己留白的情況才把邊界設成 0。

換色的時候要注意什麼

顏色可以自由挑,但掃描器看的是明暗差而不是顏色本身,有幾種配色一定掃不出來。

  • 前景要比背景暗。淺色的碼配深色底在多數掃描器上讀不出來。
  • 兩個顏色的明暗差至少要三倍。同色系的深淺配色很好看,掃描器卻分不出來。
  • 背景透明時,實際的底色是你把碼貼上去的那個東西,深色的簡報背景會讓黑色的碼消失。

預覽下方會提醒你踩到哪一條,但不會擋住匯出,畢竟有些碼只是放在版面上當裝飾。 真的要印出來使用的話,請先用手機掃過一次再送印。

掃不出來的時候檢查這幾點

  1. 用手機掃預覽畫面,先確認是碼本身的問題還是印出來之後才失敗。
  2. 把前景改回黑色、背景改回白色,如果這樣就掃得到,問題出在配色。
  3. 邊界不要低於 4 個模組,四周被其他圖文貼太近也會失敗。
  4. 印刷品的碼不要小於 2 公分見方,條碼的高度不要低於 1 公分。
  5. 匯出寬度調大一點再印,或直接用 SVG,模糊的邊緣會讓掃描器讀錯。

PNG、JPG 與 SVG 該選哪一個

  • SVG 是向量檔,放到多大都不會糊,要印刷或交給設計師就選它。
  • PNG 支援透明背景,適合貼進簡報與網頁。
  • JPG 沒有透明通道,選了透明背景匯出成 JPG 會自動變成白底。
  • 匯出寬度只影響 PNG 與 JPG,網頁使用一般 512 到 1024 像素就夠,印刷建議 2048 以上。

你輸入的內容會不會離開瀏覽器

不會。編碼與繪製都在你的瀏覽器裡完成,沒有任何請求會把內容送出去, 匯出的檔案也是在你的電腦上組出來的。所以貼上內部網址或未公開的商品編號都是安全的。 細節見隱私權政策