QR Code 與條碼產生器 — 換色與向量匯出
輸入任何內容,即時產生可自訂顏色的 QR Code 或條碼,並匯出 PNG、JPG 與 SVG。全程在瀏覽器內完成,內容不會上傳。
三個步驟做出一張碼
- 選擇 QR Code 或條碼。
- 輸入內容。QR Code 什麼都收,條碼收任何 ASCII 字元。
- 調顏色與尺寸,然後匯出 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。
換色的時候要注意什麼
顏色可以自由挑,但掃描器看的是明暗差而不是顏色本身,有幾種配色一定掃不出來。
- 前景要比背景暗。淺色的碼配深色底在多數掃描器上讀不出來。
- 兩個顏色的明暗差至少要三倍。同色系的深淺配色很好看,掃描器卻分不出來。
- 背景透明時,實際的底色是你把碼貼上去的那個東西,深色的簡報背景會讓黑色的碼消失。
預覽下方會提醒你踩到哪一條,但不會擋住匯出,畢竟有些碼只是放在版面上當裝飾。 真的要印出來使用的話,請先用手機掃過一次再送印。
掃不出來的時候檢查這幾點
- 用手機掃預覽畫面,先確認是碼本身的問題還是印出來之後才失敗。
- 把前景改回黑色、背景改回白色,如果這樣就掃得到,問題出在配色。
- 邊界不要低於 4 個模組,四周被其他圖文貼太近也會失敗。
- 印刷品的碼不要小於 2 公分見方,條碼的高度不要低於 1 公分。
- 匯出寬度調大一點再印,或直接用 SVG,模糊的邊緣會讓掃描器讀錯。
PNG、JPG 與 SVG 該選哪一個
- SVG 是向量檔,放到多大都不會糊,要印刷或交給設計師就選它。
- PNG 支援透明背景,適合貼進簡報與網頁。
- JPG 沒有透明通道,選了透明背景匯出成 JPG 會自動變成白底。
- 匯出寬度只影響 PNG 與 JPG,網頁使用一般 512 到 1024 像素就夠,印刷建議 2048 以上。
你輸入的內容會不會離開瀏覽器
不會。編碼與繪製都在你的瀏覽器裡完成,沒有任何請求會把內容送出去, 匯出的檔案也是在你的電腦上組出來的。所以貼上內部網址或未公開的商品編號都是安全的。 細節見隱私權政策。