QR Code 產生器

產生自訂 QR Code,支援加入 Logo 和背景底圖,提供 PNG 和 SVG 格式下載。

適用對象:行銷、公關、選戰|指標類型:觸及

加入 Logo 或底圖時建議選擇 Q 或 H 等級

點擊上傳或拖放圖片建議使用正方形 PNG,尺寸不超過 QR Code 的 25%
點擊上傳或拖放圖片底圖會以低透明度顯示在 QR Code 背後
等待產生 QR Code
請輸入網址或文字內容,QR Code 會即時產生。

如何使用 QR Code 產生器

依照以下步驟產生自訂 QR Code:

  1. 選擇內容類型:選擇網址、純文字、vCard 電子名片或 WiFi 連線,填入對應資訊
  2. 自訂樣式:調整顏色、大小、容錯等級,選擇是否加入 Logo 或背景底圖
  3. 下載使用:選擇 PNG(適合網頁)或 SVG(適合印刷)格式下載,或直接複製使用

什麼是 QR Code?

QR Code(Quick Response Code)是一種二維條碼,可以儲存網址、文字、聯絡資訊等各種數據。用手機相機掃描即可快速獲取內容,廣泛應用於行銷物料、名片、產品包裝、活動報名等場景。搭配 UTM Builder 可追蹤 QR Code 帶來的流量。

QR Code 技術規格

了解 QR Code 的技術參數,有助於選擇正確的設定:

容錯等級

QR Code 有 4 種容錯等級,決定被遮擋或損壞時的可讀性

L (7%):基本容錯,圖案最簡單
M (15%):建議的預設值
Q (25%):適合加入 Logo
H (30%):最高容錯,圖案最複雜

資料容量

QR Code 最多可儲存約 3,000 個字元(數字可儲存更多)

數字:最多 7,089 個
英數字:最多 4,296 個
位元組:最多 2,953 個
中文字:約 900-1,800 個(依編碼而定)

建議尺寸

實體印刷時,QR Code 尺寸需根據掃描距離決定

掃描距離 10 cm → 最小 2 cm × 2 cm
掃描距離 30 cm → 最小 3 cm × 3 cm
掃描距離 1 m → 最小 10 cm × 10 cm
經驗法則:尺寸 ≥ 掃描距離 ÷ 10

為什麼要使用 QR Code?

  • 縮短使用者路徑:用戶不需手動輸入網址,掃描即可到達目標頁面,大幅降低跳失率
  • 連結線上線下:實體物品(海報、名片、包裝)可透過 QR Code 導流到數位內容,打通 O2O 通路
  • 可追蹤的行銷素材:搭配 UTM 參數可追蹤每個 QR Code 的掃描流量,衡量各管道效果
  • 提升用戶體驗:WiFi 連線、vCard 名片等功能讓用戶一掃即可完成操作,減少輸入錯誤
  • 成本效益高:印刷後內容可透過短網址服務更新目標連結,無需重印物料

常見應用場景

  • 行銷活動物料:海報、傳單、看板加入 QR Code 導流到活動頁面、優惠券或報名表單
  • 電子名片交換:用 vCard 格式產生名片 QR Code,對方掃描即可直接儲存聯絡資訊,減少輸入錯誤
  • 店家 WiFi 分享:顧客掃描即可自動連上 WiFi,無需詢問密碼,提升服務體驗
  • 產品包裝應用:連結到產品說明書、保固註冊、使用教學影片或客戶評價頁面
  • 活動報到系統:每位報名者產生專屬 QR Code,現場掃描快速報到,減少排隊時間
  • 支付與轉帳:個人或商家收款 QR Code,讓付款更快速便利

QR Code 設計規格參考

根據使用場景選擇適當的規格設定:

使用場景建議尺寸容錯等級
名片2-3 cmM 或 L
傳單、DM3-4 cmM
海報(室內)5-10 cmM 或 Q
海報(戶外)15-30 cmQ 或 H
加入 Logo依場景Q 或 H(必須)

尺寸參考基於正常光線條件下、掃描距離約為尺寸 10 倍的情況。複雜環境(如陽光直射、玻璃後方)需增加尺寸。

QR Code 設計最佳實踐

  • 保持足夠對比度:前景色建議深色、背景淺色。避免前景背景顏色太接近,否則掃描困難
  • 預留安靜區(Quiet Zone):QR Code 四周需保留至少 4 個模組寬度的空白,確保掃描器能正確識別邊界
  • Logo 佔比控制在 25% 以內:使用高容錯等級(Q 或 H),並確保 Logo 置於正中央,避免遮擋定位圖案
  • 使用短網址服務:內容越短,QR Code 圖案越簡單,掃描成功率越高。可用 bit.ly 等短網址服務
  • 多裝置測試:製作完成後用 iPhone、Android 等不同裝置測試掃描,確保都能正常讀取
  • 印刷前確認解析度:使用 SVG 格式避免放大失真,或確保 PNG 解析度足夠(至少 300 DPI)

QR Code 設計常見錯誤

  • 尺寸太小:正確做法:根據掃描距離決定尺寸。經驗法則是 QR Code 尺寸至少為掃描距離的 1/10
  • 對比度不足:正確做法:前景用深色、背景用淺色。避免使用漸層色或對比度低的顏色組合
  • Logo 太大或位置不當:正確做法:Logo 佔比不超過 25%,置於正中央,並使用 Q 或 H 容錯等級
  • 沒有測試就印刷:正確做法:印刷前務必用多種手機測試掃描。螢幕上能掃不代表印出來也能掃
  • 內容變更後忘記更新:正確做法:使用短網址服務,讓實體印刷的 QR Code 可透過更改短網址目標來更新內容

相關名詞

QR Code(Quick Response Code)
Denso Wave 於 1994 年發明的二維條碼格式,現為開放標準,廣泛使用於全球。
UTM 參數
在 QR Code 的目標網址加入 UTM 參數,可在 Google Analytics 追蹤掃描流量。
vCard
電子名片的標準格式,可儲存姓名、電話、Email 等聯絡資訊,掃描後可直接儲存。
容錯等級 (Error Correction Level)
QR Code 的冗餘資料量,等級越高,允許被遮擋的面積越大。分為 L、M、Q、H 四級。
安靜區 (Quiet Zone)
QR Code 周圍的空白區域,用於讓掃描器識別邊界。至少需要 4 個模組寬度。
Data Matrix
另一種二維條碼格式,適合在小空間儲存大量資訊,常見於工業和醫療領域。

常見問題 FAQ

加入 Logo 後 QR Code 還能正常掃描嗎?

可以,但需要選擇較高的容錯等級(建議 Q 或 H)。Logo 會遮擋部分 QR Code,高容錯等級可以讓 QR Code 即使被遮擋也能正常讀取。建議 Logo 佔比不超過 25%,並置於正中央。

PNG 和 SVG 格式有什麼差別?

PNG 是點陣圖格式,適合網頁使用和螢幕顯示;SVG 是向量圖格式,無論放大多少都不會失真,適合印刷用途。如果要印刷在大型物品上,強烈建議使用 SVG 格式。

QR Code 會過期嗎?

QR Code 本身不會過期,它只是把資訊編碼成圖案。但如果連結的網址失效、或使用的短網址服務停止運作,掃描後就無法正確導向。建議使用自己可控的網域或可靠的短網址服務。

動態 QR Code 和靜態 QR Code 有什麼不同?

靜態 QR Code 直接將目標網址編碼在圖案中,印刷後無法修改。動態 QR Code 則編碼一個短網址,可透過短網址服務隨時更改目標連結。動態 QR Code 通常需要第三方服務,但好處是印刷後仍可更新內容。

如何追蹤 QR Code 的掃描次數?

最簡單的方法是在目標網址加入 UTM 參數(可用本站的 UTM Builder),然後在 Google Analytics 查看該 UTM 的流量。或者使用提供追蹤功能的短網址服務(如 Bitly),可看到點擊次數和來源。

彩色 QR Code 可以正常掃描嗎?

可以,但需注意對比度。前景色(點狀部分)需比背景色深,這是關鍵。避免使用淺色前景配深色背景(反轉配色),某些掃描器可能無法正確識別。漸層色效果不穩定,建議使用純色。