把 Logo 放進 QR Code 看起來很專業——直到客戶反映掃不出來。問題通常不在 Logo 本身,而在於 Logo 尺寸錯誤、位置不對,或與周圍模組的對比度不足。本指南將說明讓你自信地為 QR Code 加入品牌識別,同時不影響掃描可靠性的具體規則。
Logo 為何會導致掃描失敗(以及為何有時不會)
QR Code 採用一種稱為容錯糾錯的功能,用以應對實體損壞或視覺遮蔽。糾錯共分四個等級:
| 等級 | 資料恢復容量 | 適合嵌入 Logo? |
|---|---|---|
| L | 7% | 否 |
| M | 15% | 勉強可以 |
| Q | 25% | 可以 |
| H | 30% | 最佳選擇 |
嵌入 Logo 時,你是在刻意遮蔽模組。若遮蔽面積超出糾錯預算,解碼器就會失敗。H 等級提供最大的容許空間——只要計劃加入任何圖形疊加,就應選用此等級。
關鍵在於:糾錯並非無限制的保障,而是有明確的上限。一旦超出,任何軟體優化都無法挽救掃描失敗的結果。
30% 法則——以及為何你應在 20% 時就踩煞車
業界廣泛引用的建議是將 Logo 覆蓋面積控制在 QR Code 總面積的 30% 以內(對應 H 等級的容量)。實際操作上,請以 20% 作為工作上限,原因如下:
- 印刷誤差。 膠版印刷與數位印刷會產生油墨擴散。在螢幕上測量為 28% 的 Logo,印在紙上吸墨後可能超出這個比例。
- 定位圖案的鄰近性。 四個角落的三個正方形「眼睛」是解碼不可或缺的元素。任何 Logo 若侵入這些區域,即便整體覆蓋率看似合理,也會大幅降低掃描成功率。
- 空白邊距入侵。 QR Code 周圍的空白邊框是規格的一部分。帶有外發光或陰影效果的 Logo 可能在視覺上侵蝕這個空間。
將 Logo 設定為 QR Code 總面積的 20%,確認邊緣不觸碰任何定位圖案,你便擁有了充裕的安全緩衝。
擺放位置:置中並非永遠是答案
置中放置是標準做法,對方形或圓形 Logo 效果良好。但值得了解的是置中受偏好的原因:高密度資料模組集中在邊緣與角落,而中心區域(排除時序圖案後)往往承載著糾錯機制較容易重建的冗餘資料。
置中不適用的情況:
- Logo 為橫向(寬矩形水平置中後,上下方向會開始侵占時序圖案)
- 品牌標誌包含極細的線條,縮小到 20% 面積後會消失不見
橫向 Logo 的兩種解決方案:
- 裁切為方形版本,用於嵌入 QR Code 內部
- 將完整 Logo 放置於 QR Code 下方,保留足夠的空白邊距,而非疊加在上面——這樣更整潔,且完全不影響掃描
Logo 區域內的對比度與背景色
Logo 周圍的模組必須仍能清晰呈現深色對淺色(或反之)的效果。常見錯誤是在白色背景區塊上使用白色 Logo,這會留下模糊的間隙,解碼器必須完全依賴糾錯來填補。更佳的做法是:
- 為 Logo 加上純色不透明背景,顏色與 QR Code 的淺色部分相符或相近
- 在 Logo 邊緣與最近的深色模組之間,保留至少 1 個模組寬度的乾淨淺色間距
- 避免在 Logo 中使用漸層色,以免邊界附近的模組顏色變得難以辨識
若需要全面了解整個 QR Code 的對比度要求,可參考我們關於 QR Code 活動印刷前完整確認清單 的文章,其中涵蓋最小比例、深色對淺色與淺色對深色的方向性,以及會導致相機處理錯誤的顏色組合。
實體尺寸與最低像素預算
Logo 的可辨識性與 QR Code 的可靠性,都取決於 QR Code 的印刷或顯示尺寸是否足夠大。一個縮在 2 公分 × 2 公分 QR Code 中、占 20% 面積的 Logo,寬度約只有 4 毫米——作為品牌識別幾乎看不見,卻仍佔用了糾錯預算。
實際最低尺寸建議:
- 印刷: QR Code 不小於 3 公分 × 3 公分,Logo 才能保持可辨識
- 螢幕: 加入 Logo 前,QR Code 不小於 300 × 300 像素
- 看板/大型輸出: 按比例縮放 Logo;20% 面積法則仍然適用,即便空間充裕也不應過度放大
確認送印前先進行測試
沒有任何設計規則能取代實際測試。送印前請:
- 以最終印刷解析度匯出完成的設計
- 至少用三種應用程式測試:iOS 原生相機、Android 原生相機,以及一款獨立掃描應用程式
- 在混合光線下測試(強烈頂光、昏暗環境光)
- 若使用動態 QR Code——讓你無需重新印刷即可更新目標網址——請確認重新導向仍能正常解析
動態 QR Code 在這裡尤為重要,因為品牌 QR Code 通常出現在使用週期較長的包裝或印刷品上。若目標網址需要變更,動態 QR Code 讓你無需重新設計或重新印刷實體物品即可更新連結。
你可以直接透過 Super QR Code 產生器 建立這些品牌 QR Code,當系統偵測到 Logo 時,H 等級糾錯已預設為預設值。
重點整理
- 嵌入 Logo 時,一律使用 H 等級糾錯
- 將 Logo 覆蓋面積控制在總面積的 20% 以下,而非理論上限的 30%
- 絕對不讓 Logo 與三個角落定位圖案重疊或過於接近
- 橫向 Logo 放在 QR Code 下方,比置中疊加更為合適
- 為 Logo 加上不透明背景並保留 1 個模組的間距,避免對比模糊
- 在確定送印前務必在真實裝置上測試,包裝印刷尤其重要
- 搭配動態網址使用品牌 QR Code,以便日後更新目標網址而無需重新設計
