如何線上產生自訂 QR Code
建立網址、vCard、Wi-Fi、純文字 QR，可自訂色彩與錯誤修正等級——瀏覽器本機產生，匯出 PNG 或 SVG。
與本篇教學搭配使用的更多工具：
為什麼重要
小烘焙店在菜單卡印 Wi-Fi QR，顧客不必問密碼。每季換品牌要 QR 色要符合新色票，還要能從桌對面掃到。也要 SVG 好嵌進 Illustrator 傳單。免費、隱私優先、支援自訂色、容錯與無失真匯出的產生器，可省掉「免費下載但浮水印」的網站。
三個實際場景
產生 600×600 SVG，品牌梅子色 #5B2A6F 配 cream 底，丟進 Illustrator 任意放大不鋸齒。
無浮水印、向量匯出
Wi-Fi QR 編 SSID 與密碼；iPhone 與 Android 相機會提示加入。
兩步連上
每位講者一個 vCard QR；與會者掃描即入地址簿。
掃一次進通訊錄
操作說明
開啟 QR 產生器。右側會隨輸入即時預覽。
選酬載類型
純文字、URL、Wi-Fi、vCard、電子郵件、簡訊或位置。欄位會自動切換——Wi-Fi 要 SSID 與密碼；vCard 要姓名、電話、信箱。
選錯誤修正等級
L（7%）、M（15%）、Q（25%）、H（30%）。愈高愈耐刮或局部遮擋，但圖案愈密。印刷告示建議 Q 或 H，咖啡漬才不會掃不到。
設色彩
前景與背景用 HEX。對比至少約 4:1——淺灰配白好看但難掃。
選尺寸
預覽按指定像素渲染。SVG 輸出則與尺寸無關，向量無失真縮放。
下載
網頁與郵件用 PNG。印刷與後續設計用 SVG。
酬載
SSID: GuestNet Password: BakeryWiFi2026 Encryption: WPA2
編碼字串
WIFI:T:WPA;S:GuestNet;P:BakeryWiFi2026;H:false;;
實用技巧
- QR 四周至少留 4 模組靜區；貼邊印手機常掃不到。
- 印前先測。 用自家相機掃螢幕預覽。多數掃不到來自對比不足或 ECC 太低。
- 要在中心疊 logo 請用 H 級 ECC——最多約 30% 面積受損仍可解碼。
- URL 先縮短 再編碼若超過約 80 字元；圖樣較疏才遠距好掃。
常見陷阱
常見陷阱
手機相機辨識不了
多半是對比或尺寸。若前景比背景淺，掃描器預期深模組在淺底——對調。手持掃描至少約 2 cm × 2 cm。
常見陷阱
iOS 無法自動加入 Wi-Fi QR
加密型別須為 WPA（含 WPA2、WPA3）或 WEP。隱藏網路要 H:true。密碼特殊字元可能須反斜線跳脫。
常見陷阱
SVG 放大仍鋸齒
你匯出的是 PNG 不是 SVG。請用 SVG 鈕重匯——才是可完美縮放的向量。
何時不適合用這套
- 會改目的地的追蹤／動態 QR 需託管服務（如 Bitly）。MoreKITS 產生的是靜態 QR，永遠解成同一酬載。
- 大量批次（上千個唯一碼）用 CLI
qrencode或 Node 腳本（本工具同款qrcode函式庫）較快。
FAQ
資料會送伺服器嗎？
不會。QR 完全在瀏覽器產生。酬載、色彩與成像都不離開裝置。
最大酬載多大？
QR 版本 40、最低 ECC 約 2,953 個英數字元。實務超過 ~500 字元掃描就不可靠；必要時先用短網址。
能在中心放 logo 嗎？
用 H 級 ECC，再在影像編輯器疊透明底 PNG logo。遮蓋勿超過約 25% 面積以保持可掃性。
下一步
- 來賓網路變體可用 Wi-Fi QR 產生器。
- SVG 轉 PNG／ICO 可用 SVG 轉 PNG 或 SVG 轉 ICO。
- 可列印傳單圖檔郵寄前可用 圖片壓縮。