QR Code 生成完全指南：從基礎用法到行銷實戰

QR Code 基礎

QR Code（Quick Response Code，快速回應碼）是一種二維條碼，可以編碼文字、URL、Wi-Fi 設定、聯絡人資訊等多種資料。相比一維條碼，QR Code 的資訊容量大、容錯率高、可 360° 掃描。

常見類型

類型	編碼內容	典型情境
URL	網址連結	行銷海報、產品包裝
文字	純文字	活動說明、優惠券碼
Wi-Fi	網路名稱+密碼	餐廳、飯店、辦公室
vCard	聯絡人資訊	名片、展會
Email	電子郵件地址	客服聯繫
SMS	簡訊號碼	驗證碼、通知

---

使用工具庫生成 QR Code

操作步驟

1. 開啟 QR Code 生成工具
2. 輸入內容（URL、文字等）
3. 調整參數（尺寸、容錯級別、顏色）
4. 預覽並下載 PNG/SVG

參數說明

參數	推薦值	說明
尺寸	256-512px	印刷用選 512+，螢幕展示 256 即可
容錯級別	M (15%)	一般情境；嵌入 Logo 用 H (30%)
前景色	#000000	保持與背景高對比度
背景色	#FFFFFF	避免使用漸層或複雜背景
邊距	4 模組	確保掃描器能識別邊界

---

設計規範與最佳實踐

1. 保持高對比度

QR Code 靠黑白模組的對比被識別。以下做法會導致掃描失敗：

• ❌ 淺色 QR Code + 淺色背景
• ❌ 反色 QR Code（白碼黑底）— 部分掃描器不支援
• ❌ 背景使用複雜圖片

2. 預留靜區

QR Code 四周需要至少 4 個模組寬度 的空白邊距（靜區）。嵌入 Logo 時不要覆蓋三個角的定位方塊。

3. 選擇合適的容錯級別

級別	容錯率	適用情境
L	7%	乾淨環境、數位展示
M	15%	一般用途（推薦）
Q	25%	可能污損的印刷品
H	30%	中間嵌入 Logo

4. URL QR Code 的最佳實踐

✅ https://example.com/product?utm_source=qr&utm_campaign=poster
❌ http://example.com/very/long/path/with/many/parameters/that/make/the/code/dense

• 使用 HTTPS
• 盡量短 URL（可用短網址服務）
• 添加 UTM 參數追蹤來源

---

實戰情境

情境一：活動海報

內容: https://event.com/register?ref=poster2026
尺寸: 512px
容錯: H (30%) — 海報可能被摺疊
格式: PNG（印刷）或 SVG（向量）

情境二：餐廳 Wi-Fi

內容: WIFI:T:WPA;S:Restaurant_5G;P:Welcome2026;;
尺寸: 256px
容錯: M
放置: 桌面立牌、菜單頁尾

情境三：產品包裝

內容: https://product.com/manual?id=SKU123
尺寸: 256px
容錯: Q (25%) — 包裝可能磨損
建議: 旁邊標注「掃碼查看說明書」

情境四：名片

內容: vCard 格式聯絡人
尺寸: 128px
容錯: H — 名片尺寸小，需要高容錯

---

QR Code vs 條碼

對比	QR Code	條碼 (Barcode)
維度	二維	一維
容量	最多 ~4000 字元	通常 20-30 字元
掃描方向	360°	單一方向
適用	URL、文字、Wi-Fi	商品 SKU、ISBN
工具	QR Code 生成	條碼生成

---

常見問題

生成的 QR Code 掃不出來？

1. 檢查對比度是否足夠
2. 確認靜區（邊距）是否足夠
3. 印刷尺寸是否太小（建議最小 2cm × 2cm）
4. 嘗試提高容錯級別

可以在 QR Code 中間放 Logo 嗎？

可以，但需要：

• 容錯級別設為 H (30%)
• Logo 面積不超過 QR Code 面積的 30%
• 不要覆蓋三個角的定位方塊

SVG 和 PNG 怎麼選？

• PNG：網頁展示、社群媒體、一般印刷
• SVG：需要任意縮放、專業印刷、嵌入網頁

---

總結

QR Code 是連接線下與線上的橋樑。掌握容錯級別、對比度和尺寸的選擇，配合工具庫的 QR Code 生成工具，你可以快速生成符合規範的高品質 QR Code，用於行銷、辦公和日常生活。