印刷品 QR code 用 SVG 還是 PNG？解析度怎麼選不會掃不到
名片、海報、貼紙印 QR code 經常遇到「掃不到」「太模糊」問題。本文拆解 PNG / SVG / EPS 選擇、最小尺寸、印刷 DPI 計算。
你印了 100 張名片，上面有 QR code — 拿到的當下用手機掃 — 掃不到。重印一批，這次能掃但對焦慢、要 5 秒才讀到。第三批終於完美。前面兩批的錢白花了。
QR code 印刷失敗的常見原因：格式選錯 + 解析度太低 + 印刷誤差累積。本文拆解 PNG / SVG / EPS 選擇、最小印刷尺寸、DPI 計算，讓你第一次印就成功。
QR Code 印刷失敗的 3 種常見原因
① 解析度太低
你拿一個 200×200px 的 PNG QR，印在 2cm × 2cm 的名片區塊 — 算下來 127 DPI，低於印刷品最低 300 DPI 標準。掃描裝置看到的是「模糊的方塊」，QR 解碼器辨識率大幅降低。
② 用點陣圖（PNG/JPG）放大
PNG 是固定解析度的點陣圖 — 用 300×300px 印 10cm × 10cm 的海報 = 76 DPI。同樣模糊。
放大點陣圖時，pixel 被 software 用 interpolation（雙線性、雙立方）「猜」中間值，結果是「平滑但失真」 — 對 QR 的高對比方塊邊緣是致命傷。
③ JPG 壓縮 artifacts
JPG 是 lossy 格式，會在「對比邊緣」產生 ringing / blocking artifacts。QR code 全是高對比邊緣，JPG 壓縮直接破壞辨識。
結論：QR code 絕對不要用 JPG。
SVG vs PNG vs EPS：印刷格式對比
SVG（向量，推薦）
特性：
- 向量圖 — 任意縮放不失真
- 數位文件，多數設計軟體（Illustrator / Inkscape / Figma）都認
- 印刷廠通常直接接受
- 檔案小（QR 通常 < 5 KB）
適合：
- 名片、傳單、海報、貼紙、任何印刷品
- 動態尺寸需求（同一個 QR 印 2cm 名片 + 50cm 海報）
- 印刷廠交付
注意：
- 某些聊天 / 社群 app 不認 SVG（譬如 LINE 不能 inline SVG）
- 數位平台貼用 PNG
PNG（點陣圖，數位用）
特性：
- 固定解析度
- 無損壓縮（不像 JPG）
- 廣泛支援所有平台
適合：
- LINE / IG / Email 數位分享
- 螢幕顯示
- 印小尺寸（< 5cm 邊長）
怎麼選 PNG 解析度：
| 印刷尺寸 | 最低 PNG 解析度 | drrop.cc 1280px 夠不夠 |
|---|---|---|
| 1cm × 1cm | 120 px | ✓✓（超夠） |
| 2cm × 2cm（名片） | 240 px | ✓✓（超夠） |
| 5cm × 5cm（傳單 QR） | 600 px | ✓✓（夠） |
| 10cm × 10cm（小海報） | 1200 px | ✓（剛好夠） |
| 20cm × 20cm（大海報） | 2400 px | ✗（不夠，改用 SVG） |
| 1m × 1m（戶外看板） | 12000 px | ✗（一定要 SVG） |
公式：最低 PNG 解析度 = 印刷尺寸 (cm) × 120 px/cm ≈ 300 DPI 標準。
EPS（向量，老牌印刷格式）
特性：
- PostScript 衍生格式
- 印刷廠老設備偏好
- 多數現代軟體仍支援
適合：
- 印刷廠明確要求 EPS
- 跟老印刷工作流程整合
怎麼產生：
- Illustrator：File → Save As → EPS
- Inkscape：File → Export → EPS
- 一般 user 用 SVG 即可（多數印刷廠也接受 SVG）
drrop.cc/qr 目前不直接 export EPS — 但你下載 SVG 後用 Illustrator / Inkscape 5 秒轉換。
QR Code 印刷的「靜區（quiet zone）」很重要
QR code 規格要求周圍至少 4 個「modules」的空白（quiet zone）— 沒這個空白，QR 解碼器會找不到 QR 的邊界。
錯誤示範：
- 把 QR 緊貼名片邊框
- QR 周圍堆滿文字 / 裝飾
- 把 QR 印在花俏背景上沒留邊
正確做法：
- QR 周圍至少留 1/8 的 QR 邊長作 quiet zone
- 譬如 QR 是 2cm 寬，周圍至少 0.25cm 空白
- 純白背景效果最好；有顏色背景時 QR 周圍仍要白色框
drrop.cc/qr 預設 marginSize=0 — 你要自己在排版時加 quiet zone。
印刷品 QR 的最小尺寸
實務上多小才能掃得到？
經驗法則：
- 最小邊長：2cm × 2cm（給普通智慧手機掃）
- 推薦：2.5cm × 2.5cm（容錯空間）
- 商業卡 / 文宣：3-4cm（最佳體驗）
特殊場景：
- 海報遠距離掃：根據距離 × 比例，譬如 3m 遠掃 → QR 至少 15cm 邊長
- 工業 QR（小零件追蹤）：可到 0.5cm，但需要專業掃描設備
- 戶外大型廣告 QR：邊長至少 30cm
QR Error Correction Level 影響容錯
QR 內建 4 種錯誤校正等級：
| Level | 容錯率 | 用途 |
|---|---|---|
| L (Low) | 7% | 純數位顯示、無 logo |
| M (Medium) | 15% | 預設值，多數印刷適用 |
| Q (Quartile) | 25% | 含 logo 嵌入、印刷可能磨損 |
| H (High) | 30% | 工業環境、戶外耐久 |
trade-off：容錯率越高 → QR 矩陣越密 → 印刷需要的解析度越高。
drrop.cc/qr 預設 Level M — 多數場景剛好。
印刷前 5 個檢查
1. 解析度足夠
按上面公式算最低 px。低於就別印。
2. 用向量（SVG / EPS）優先
名片以上的印刷物，用 SVG 不用 PNG。
3. 顏色對比
QR 預設黑底白底是最好對比。避免：
- 反向（白 QR + 黑底）— 某些 scanner 解不到
- 低對比色（譬如灰色 QR + 米色背景）
- 漸層 QR（多數 scanner 不接）
4. Quiet zone（靜區）足夠
QR 周圍至少 QR 邊長 1/8 的純白空間。
5. 用兩支不同手機實測
印 1 張樣品，用 iPhone + Android 兩支手機各掃 5 次。都能在 2 秒內成功 → 量產沒問題。
常見錯誤
❌ 把 QR 印在皮革 / 不平整表面
QR 解碼依賴方塊整齊。皮革紋路會干擾。改用平面材質。
❌ QR 上加圖片 / 文字 overlay
高出風險。如果一定要，Error Correction 升 H + 加 logo 不超過 QR 面積 20%。
❌ 同一張紙印太多 QR 排太近
scanner 不知道掃哪個。每個 QR 留至少 quiet zone × 3 間距。
❌ 模糊 / 老化 / 髒污測試
印好的 QR 用手指摸一下、放陽光下曬一天、看是否仍能掃。可以的話沒問題；掃不到的話 → 印刷材質 / 油墨 / 印刷廠有問題。
drrop.cc/qr 印刷工作流
我自己這樣用：
- 開 drrop.cc/qr 輸入網址
- 下載 SVG
- SVG 拖進 Illustrator / Figma / Inkscape
- 排版（加 quiet zone 至少 0.25cm 白邊）
- 印刷廠交付 PDF（含 embedded SVG）
時間：< 5 分鐘。
FAQ
Q：drrop.cc 的 QR PNG 多大解析度？ A：4× 原 size — display 320×320 SVG → download PNG 1280×1280。對 < 10cm 印刷品夠用。
Q：能不能下載更大的 PNG？ A：目前 fixed 4× 倍率。實務上 1280×1280 夠 < 10cm 印刷。超過建議用 SVG。
Q：drrop.cc QR 支援 logo 嵌入嗎？ A：目前不支援。logo 嵌入需要 Error Correction 升 H + 設計工具配合。對「品牌 logo QR」這種商業場景，用 Illustrator 後製。
Q：印刷廠說我的 SVG 顏色不對？ A：drrop.cc QR 用的顏色是 sRGB （螢幕色域）。印刷可能需要 CMYK。Illustrator / InDesign 內 convert 即可，QR 矩陣本身只是「純黑」「純白」轉 CMYK 後仍清晰。
Q：QR 上印「Scan me」文字會影響掃描嗎？ A：不會 — 只要文字在 quiet zone 外。「Scan me」文字放 QR 下方 / 旁邊 OK。
最後
印刷品 QR 不會掃 = 格式選錯 + 解析度不夠。
3 句話總結：
- 名片以上印刷：用 SVG
- 數位平台分享：用 PNG 1280px 夠
- 大尺寸印刷（> 10cm）：用 SVG 不要點陣圖
→ 試試 drrop.cc QR + 下載 SVG / PNG：drrop.cc/qr