arrow_back部落格
·1 分鐘閱讀·Super QR Code Generator Team

QR Code 嵌入 Logo 的尺寸規則:不影響掃描的完整指南

Logo 嵌入 QR Code 若尺寸錯誤,掃描必定失敗。本文詳解精確尺寸上限、擺放規則與對比技巧,讓品牌形象與可靠性兼得。

qr code 設計品牌 qr codeqr code logoqr code 品牌化
QR Code 嵌入 Logo 的尺寸規則:不影響掃描的完整指南
AI-generated

把 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% 作為工作上限,原因如下:

  1. 印刷誤差。 膠版印刷與數位印刷會產生油墨擴散。在螢幕上測量為 28% 的 Logo,印在紙上吸墨後可能超出這個比例。
  2. 定位圖案的鄰近性。 四個角落的三個正方形「眼睛」是解碼不可或缺的元素。任何 Logo 若侵入這些區域,即便整體覆蓋率看似合理,也會大幅降低掃描成功率。
  3. 空白邊距入侵。 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% 面積法則仍然適用,即便空間充裕也不應過度放大

確認送印前先進行測試

沒有任何設計規則能取代實際測試。送印前請:

  1. 以最終印刷解析度匯出完成的設計
  2. 至少用三種應用程式測試:iOS 原生相機、Android 原生相機,以及一款獨立掃描應用程式
  3. 在混合光線下測試(強烈頂光、昏暗環境光)
  4. 若使用動態 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,以便日後更新目標網址而無需重新設計

常見問題

Logo 嵌入 QR Code 時,哪種檔案格式最合適?expand_more
在設計階段,透明背景的 PNG 提供最大的彈性;但最終合併輸出時,應使用在 Logo 後方加上純色不透明背景區塊的 PNG 或 SVG。最終輸出請避免使用 JPEG,因為 JPEG 壓縮會在模組邊緣產生失真,在小尺寸印刷時容易讓掃描解碼器產生混淆。
使用全彩 Logo 嵌入 QR Code 會影響掃描可靠性嗎?expand_more
不會,只要 Logo 周圍的模組保持強烈對比,且 Logo 有純色背景區塊,全彩 Logo 完全沒有問題。解碼器只讀取 Logo 周圍的深色與淺色模組,完全忽略被遮蓋區域的內部。問題通常發生在 Logo 顏色滲入相鄰模組,使其深淺難以判斷的時候。
如何計算 QR Code 面積的 20% 來確定 Logo 尺寸?expand_more
測量 QR Code 的總寬度(以像素或毫米為單位,不含空白邊距)。將該尺寸乘以 0.447,即可得出 Logo 的最大寬度(因為 0.447 的平方約等於 0.20)。例如,300 像素的 QR Code 允許 Logo 寬度最大約 134 像素。接著按比例調整 Logo 高度,使其符合這個方形預算。
加入 Logo 後,QR Code 會變得更大或增加更多模組嗎?expand_more
不會。Logo 是疊加層,覆蓋在已產生的 QR Code 上方,不會改變模組格線。真正影響 QR Code 大小(進而影響密度)的,是糾錯等級和編碼的資料量。較高的糾錯等級與較長的網址都會增加模組數量,因此縮短目標網址或使用動態重新導向,有助於維持更簡潔、密度更低的 QR Code。
在相同覆蓋面積下,圓形 Logo 比方形 Logo 更容易導致掃描失敗嗎?expand_more
不一定。圓形 Logo 在其邊界框的四個角落會保留更多透明空間,實際上比相同邊界框尺寸的填滿方形保留了更多模組。形狀的影響遠不如遮蔽的總面積,以及 Logo 的任何部分是否觸碰到角落定位圖案或沿 QR Code 頂部與左側邊緣延伸的時序條紋。