QR code 尺寸:依掃描距離決定要印多大
根據掃描距離和模組大小算出 QR code 該印多大,選擇 PNG 或 SVG,並在正式大量印刷前測試樣張。
印刷 QR code 時,寬度大約設為掃描距離的十分之一:從 30 公分外讀取的桌卡約 3 公分,從 1.5 公尺外讀取的海報約 15 公分。這是常見的經驗法則,不是標準,也沒有單一的最小尺寸。能否順利讀取,取決於代碼中小方格的大小,而只有印出的樣張才能確認尺寸是否合適。
本指南以一家虛構的麵包店為例,它在 Links 中產生代碼,並印在桌卡、傳單和櫥窗海報上。本指南不涵蓋帶有顏色或標誌的代碼。如果之後想修改印好的代碼要開啟的頁面,請參考修改 QR code 目標網址的指南。
了解影響 QR code 可讀性的因素
QR code 是由稱為「模組」的小方格組成的網格。版本 1 每邊 21 個模組,版本每提高一級,每邊就增加 4 個。DENSO WAVE 的版本說明頁面指出,版本取決於資料量、字元類型和錯誤修正等級。
如 DENSO WAVE 的代碼區域說明所述,每個代碼的四周也都需要寬度為四個模組的空白邊界,稱為靜區。所以印刷寬度要多算 8 個模組。
在相同的印刷寬度下,模組越多,每個模組就越小。DENSO WAVE 的模組尺寸說明指出,模組越大,讀取越穩定,而每種掃描裝置都有自己的讀取極限,所以請在空間允許的範圍內盡量印大。要算出代碼的模組尺寸,請把印刷寬度除以橫向的模組數(包含邊界)。
讓編碼的網址保持簡短
編碼的網址越長,需要的模組越多。麵包店比較了兩個網址,兩者都以 Links 使用的錯誤修正等級產生,並連同邊界印成 3 公分寬:
| 編碼的網址 | 網格 | 含邊界 | 模組尺寸 |
|---|---|---|---|
| 短網址,31 個字元 | 29 × 29 | 37 × 37 | 約 0.8 公釐 |
| 含 UTM 標籤的網址,151 個字元 | 49 × 49 | 57 × 57 | 約 0.5 公釐 |
短網址的模組寬度約為後者的 1.5 倍。含標籤的網址如果要達到相同的模組尺寸,代碼需要約 4.6 公分寬。
每個 Links QR code 都包含一個 reunified.link 短網址,網域後面有 8 個字元,所以含邊界的寬度一律是 37 個模組。追蹤標籤請放在連結儲存的目標網址中,不要放進代碼;UTM 指南說明了做法。
依掃描距離估算尺寸
先用十分之一法則估算,光線不佳或需要斜角掃描時再放大,並盡量選擇平整、霧面的表面。麵包店的起始寬度(含邊界)如下:
| 刊登位置 | 距離 | 寬度 | 模組尺寸 |
|---|---|---|---|
| 桌卡 | 約 30 公分 | 3 公分 | 約 0.8 公釐 |
| 拿在手上的傳單 | 20 到 30 公分 | 3 公分 | 約 0.8 公釐 |
| 櫥窗海報 | 約 1.5 公尺 | 15 公分 | 約 4 公釐 |
請用樣張測試這些尺寸;任何一個都不保證一定能掃描成功。
依版面選擇 PNG 或 SVG
在 Links 中開啟連結,按 QR 碼,然後選擇 下載 PNG 或 下載 SVG。兩種檔案都是白底深色圖案,並包含白色邊界。
PNG 為 592 × 592 像素,以 300 dpi 印刷約 5 公分寬:桌卡和傳單都夠用。SVG 在任何尺寸下都保持清晰,所以海報請用 SVG;只要設計工具支援,其他用途也請優先使用 SVG。最終寬度請在版面中設定。
無論使用哪種檔案:
- 寬度和高度要等比例縮放,絕對不要把正方形拉長。
- 白色邊界內不要放文字、框線或標誌。
印出樣張,像訪客一樣測試
用實際的材質,以最終尺寸印出代碼。一般辦公室印出的樣張,看不出亮面材質的反光。然後進行測試:
- 至少用三支手機掃描,其中包括一支較舊的手機。
- 站在實際距離、在實際光線下測試。麵包店在白天和晚上都隔著櫥窗掃描海報。
- 除了正面掃描,也試試稍微傾斜的角度。
- 確認開啟的是正確的頁面。
- 記下手機、距離、光線和結果。
所有手機都測試通過後,才正式大量印刷。
代碼仍然無法掃描時
依序檢查以下原因,每次只改一個地方:
- 相對於距離太小:印大一點、改為編碼較短的網址,或把代碼放到更靠近人們站立位置的地方。
- 邊界被裁掉:用下載的檔案恢復完整的白色邊界。
- 對比度低或反光:使用霧面材質和素色的淺色背景。
- 表面彎曲:把代碼移到平坦的位置。
如果代碼可以掃描,卻開啟了錯誤的頁面,問題就不在印刷;請參考疑難排解指南。QR code 會過期嗎?說明印好的代碼為什麼會失效,名片指南則說明尺寸較小的名片該怎麼處理。
在 Links 應用程式中建立連結和 QR code 都是免費的,每次計入的點擊(包括掃描)消耗 0.05 點數。Links 讓編碼的網址保持簡短;印出的樣張則幫你確認尺寸。