QR Code 產生器
在瀏覽器裡製作自訂顏色與 Logo 的 QR Code。
進階:定位眼、PDF 版面、設計範本
為什麼要在本機產生 QR Code,而不是透過會被追蹤的「免費」工具?
QR Code 幾乎無所不在——名片、餐廳菜單、貼在路由器上的 Wi-Fi 密碼、活動海報。許多免費「QR Code 產生器」網站其實並不會把你的連結直接編碼進去,而是先產生一個指向自家伺服器的短網址,再把這個短網址編碼進 QR Code——這代表每一次掃描都會悄悄經過、並被記錄在一家你可能從沒聽過的公司手上。萬一那家公司哪天關掉了轉址服務,你印過的每一個 QR Code 就會在不知不覺中失效,就算是好幾年後印的也一樣。
這個工具不會這樣做。它使用 qrcode.react,把你輸入的確切文字或網址直接編碼進 QR Code 的圖案本身,完全在瀏覽器裡繪製到 HTML canvas 上。中間沒有任何轉址伺服器,不會有掃描紀錄,因為根本沒有伺服器可以插在中間——你下載的 QR Code 只要掃描器還存在就能一直用下去,完全不依賴這個網站。
從內容類型選單選擇你要編碼的內容——單純的網址或文字、能讓手機掃描後直接加入的 Wi-Fi 網路資訊、掃描後就能直接存進通訊錄的聯絡人名片(vCard)、或是已經預先填好內容、準備寄出的電子郵件或簡訊——接著只需要填寫該類型需要的欄位,切換類型時顏色和 Logo 設定都會保留。挑選符合品牌風格的前景色與背景色,並選擇容錯等級:等級愈高(Q、H),QR Code 就愈能承受髒污、反光,或被 Logo 部分遮住,代價是圖案看起來會比較密。上傳圖片放置中央 Logo 時,如果容錯等級還沒調到 H,系統會自動調高,因為遮住部分圖案需要那些額外的容錯冗餘才能維持可掃描——之後你仍然可以手動再調低。
實際上有幾件事會影響 QR Code 能不能順利掃出來:前景色跟背景色之間要保持足夠對比——白底配淺灰看起來雖然好看,但常常掃不出來——另外也要避免 Logo 相對整個圖案佔比太大,就算是最高容錯等級也有極限。滿意成果後,按下「下載 PNG」或「下載 SVG」。PNG 會輸出固定尺寸的點陣圖,可以從 256×256 選到 2048×2048,看要貼小貼紙還是印大海報而定;SVG 則是向量檔案,不管印多大都能保持完全清晰,是大多數印刷廠和設計工具比較偏好的格式。如果要編碼的是一長串網址,建議先縮短它;短文字產生的 QR Code 圖案比較單純、密度也比較低,手機相機更容易對焦鎖定,比又長又複雜的圖案好掃很多。如果你也需要在開發端處理結構化資料,JSON 格式化與驗證工具用的是同樣本機、隱私優先的方式。
常見問題
除了網址,QR Code 還能放哪些內容?
除了網址,還可以放純文字、WiFi 連線資訊、vCard 聯絡人、電子郵件或簡訊。
可以在 QR Code 中間加上標誌嗎?
可以。上傳標誌圖片後,錯誤修正等級會自動提高,確保圖碼仍然可以掃描。
可以匯出成哪些格式?
可匯出多種解析度的 PNG,或是無論放多大都清晰的 SVG。