如何在 QR Code 中加入 LOGO 又能正常掃描?
在 QR Code 正中間放上品牌 LOGO,是讓人一眼認出「這是誰的碼」最直接的方法,也能提高大家願意掃的意願。蓋掉一塊還能掃,是因為 QR Code 內建錯誤更正碼:被 LOGO 擋住的小方塊(模組),相機會用更正碼算回來。原理與四個容錯等級的差別,請先看容錯等級怎麼選。
這篇整理加 LOGO 時真正會影響掃描成功率的幾件事,以及本站產生器實際怎麼處理 LOGO。
本站產生器怎麼放 LOGO
在QR Code 產生器的「加入 LOGO」選一張圖片後,會發生這幾件事:
- 容錯等級自動切到 H:H 大約能補回 30% 的資料,是四個等級裡最多的。
- LOGO 放在正中央,後面的小方塊會被清掉:LOGO 周圍另外留一小圈空白,讓 LOGO 與小方塊分開,不會糊成一團。
- LOGO 大小自動控制:最多只蓋掉「容錯比例的三成」那麼多小方塊。H 等級時約是 9%,只用掉 H 能還原份量的三分之一左右,剩下的留給印刷髒污、反光與拍攝角度。
- 橫長或直長的 LOGO 會依比例縮小:可以蓋掉的小方塊數是固定的,長條形的圖只能縮得更小才放得進去,所以建議用方形或接近方形的圖示版本。
如果上傳 LOGO 之後又把容錯等級改回 M 或 L,LOGO 會自動變小(M 約 4.5%、L 約 2% 的小方塊),這是為了讓圖依然掃得出來。
LOGO 圖檔怎麼準備
- 用圖示版本,不要用整條橫式標誌:原因如上,方形的圖放得最大。
- 去背 PNG 或單色底都可以:LOGO 後面的小方塊已經清空,去背的圖會直接落在 QR Code 的背景色上。
- 不要有細小文字:LOGO 在 QR Code 裡通常只有指甲大小,細字印出來看不清楚,反而顯得髒。
- 解析度夠:下載 SVG 時,檔案裡的 LOGO 仍是你上傳的那張圖。上傳 PNG 或 JPG 的話,放大印刷時 LOGO 會比方塊先糊,建議上傳寬度 500 像素以上的圖。
顏色與對比
加了 LOGO 之後,最常見的掃不到原因反而不是 LOGO,而是顏色:
- 深色方塊、淺色背景:相機是靠明暗差分辨小方塊,方塊顏色至少要比背景深很多。黑、深藍、深綠、深咖啡都很安全。
- 避免反白:淺色方塊配深色背景雖然好看,但不少掃描器讀不了這種反轉的 QR Code。
- 漸層兩端都要夠深:本站可以設定漸層,記得兩個顏色都要是深色,淺的那端會讓部分小方塊讀不到。
- 透明背景要看放在哪裡:勾「透明背景」下載後,QR Code 會直接疊在你的設計上。底下如果是照片、花紋或深色,對比就沒了;放在白色或淺色的素面上才安全。
三個不能動的地方
不管 LOGO 多漂亮,下面三件事都要守住:
- 三個角落的大方框(定位圖形)不能蓋、不能改色到看不出來:它們不受錯誤更正碼保護,被擋住相機就找不到這張碼。
- 四周留白(靜區)要留:至少 4 格小方塊寬的空白,不要讓文字、圖案貼上來,細節見印刷教學。
- 不要拉伸變形:排版時請等比例縮放,壓扁的 QR Code,小方塊不再是正方形,掃描會很吃力。
在設計軟體裡自己貼 LOGO 要注意
很多人的做法是先下載一張沒有 LOGO 的 QR Code,再到 Illustrator、Canva 之類的設計軟體裡把 LOGO 貼上去。這樣做最常出問題,因為產生器沒有機會幫你把關:
- 產生時就要選 H:本站預設是 M,只有上傳 LOGO 時才會自動切到 H。如果打算事後自己貼 LOGO,產生前請先手動把「耐髒程度(容錯等級)」改成 H,否則能補回的量只有一半。
- LOGO 面積不要超過 QR Code 的一成左右:本站自動放 LOGO 時,H 等級最多蓋掉約 9% 的小方塊,自己貼的時候可以用這個比例當上限。
- 只放正中央:不要為了構圖把 LOGO 移到角落,那裡是三個大方框(定位圖形)。
比較省事的方法,是直接在本站上傳 LOGO,讓產生器自動處理大小與容錯等級,再下載 SVG 交給設計軟體排版。
印刷前的檢查清單
- 下載後先把圖檔丟進本站的QR Code 掃描器,確認讀得出來、內容正確。
- 用 iPhone 相機、Android 相機與 LINE 各掃一次,三種都要能讀。
- 印一張實際尺寸的樣張,站在使用者會站的距離、在現場的光線下掃。
- 確認網址是會長期存在的網址,靜態 QR Code 印出去之後就改不了內容。