← 所有文章

為什麼中間放了 Logo 的 QR Code 還是掃得出來

2026-06-26

你一定看過中間端端正正擺著公司 logo 的 QR code,也許還納悶過:遮住一部分的碼,怎麼沒把它弄壞?答案是烘焙進這個格式裡、一個真正巧妙的工程設計:錯誤更正。以下是它的原理,以及怎麼做一個能穩定掃描的品牌化 QR code。

QR code 天生就能撐過損壞

QR code 不只是儲存你的連結——它是帶著冗餘儲存的,用的是 Reed–Solomon 錯誤更正。想法是:編入額外的資料,這樣即使碼有一部分缺失、髒污或被遮住,掃描器仍能重建出訊息。這就是為什麼揉皺的收據或刮花的貼紙上的 QR code 還是能用。

錯誤更正有四個等級:

  • L(低)——可復原約 7% 的碼
  • M(中)——約 15%
  • Q(四分位)——約 25%
  • H(高)——約 30%

H 等級下,大約三分之一的碼被遮住,掃描器仍讀得出來。這就是中央 logo 得以存在的餘裕空間。

為什麼 logo 要放中間

logo 放在中央有兩個原因。第一,角落那三個大方塊是定位圖案——掃描器靠它們來定位並校正碼的方向,所以那些必須保持乾淨。中央沒有這種任務,所以它是可以安全遮蓋的地方。第二,讓被遮的區域保持緊湊且置中,能讓錯誤更正在其他所有地方都留有足夠完整的資料來重建訊息。

logo 可以多大?

經驗法則是:讓 logo 維持在碼面積的約 20–25% 以下,並使用 H 等級錯誤更正。再更大就會吃掉超過約 30% 的預算,然後在比較差的相機或光線不佳時就開始掃描失敗。一點點留白——logo 後面墊一塊實色底——也能幫掃描器分清哪是 logo、哪是碼。

在你的瀏覽器裡做一個

ToolKoala 的QR code 產生器幫你把這些都處理好:

  1. 輸入你的連結或文字。
  2. 加上 logo——它會被放在中央、墊在一塊乾淨的底上、尺寸控制在安全區內,而且碼會以高錯誤更正產生,所以照樣掃得出來。
  3. 想要的話挑顏色,然後下載成 PNG(或不含 logo 的 SVG,供印刷用)。

一切都在本機執行——碼是在你的瀏覽器裡產生的,所以你編進去的任何內容都不會碰到伺服器。

實用小訣竅

  • 成品碼一定要先測。 印 500 張傳單之前,用幾支手機試掃。相機品質差很多。
  • 保持良好對比——淺色背景上的深色碼最好掃。花俏的低對比配色,正是「時尚」QR code 悄悄失效的地方。
  • 印刷時別縮太小。 資料愈多(一條很長的網址)代表碼愈密,需要更大的實體尺寸才能穩定掃描。短連結能做出更簡單、更耐用的碼。

常見問題

為什麼有 logo 蓋住一部分的 QR code 還能用? QR code 包含 Reed–Solomon 錯誤更正,它會儲存冗餘資料,這樣即使碼的一部分被遮住,訊息仍能重建。在最高等級下,大約 30% 可以被遮蓋,這就留出了放中央 logo 的空間。

logo 可以多大? 維持在碼面積的約 20–25% 以下,並使用高(H)等級錯誤更正。更大的 logo 會開始超出可復原的區域,掃描就變得不可靠。

logo 應該放哪裡? 放中央。角落那三個方塊是掃描器定位碼所需的定位圖案,所以那些必須保持乾淨——中間才是可以安全遮蓋的地方。

在線上做 QR code 會暴露我的連結嗎? 在 ToolKoala 上不會——碼完全在你的瀏覽器裡產生,所以你編進去的任何內容都不會離開你的裝置。

我該下載 PNG 還是 SVG? PNG 適合螢幕顯示與方便分享(而且它會保留 logo)。SVG 最適合印刷,因為它縮放不會糊;SVG 匯出是不含內嵌 logo 的乾淨碼。

— Milo 🐨