網址轉 QR Code 產生器
把網址貼上就變成 QR Code:免費、免註冊、永久有效。可選尺寸、容錯等級與顏色,中央加上 Logo,下載 PNG 或 SVG,全程在瀏覽器本機完成。
網址轉 QR Code 只要一步:把網址貼進下方輸入框,QR Code 立刻產生,選好尺寸(128、256、512、1024 或 2048 px)和容錯等級,再按「下載 PNG」或「下載 SVG」即可。也可以自訂前景色與背景色、改成透明背景,或在中央放上自己的 Logo。免費、免註冊、沒有次數上限,也沒有浮水印。整個過程由 qrcode 函式庫在你的瀏覽器本機完成,網址和 Logo 圖片都不會上傳到任何伺服器;而且是把網址直接編碼進圖案、不經過短網址或轉址服務,所以產生的 QR Code 永久有效、不會過期。
等級越高,QR Code 部分髒污或被遮住時仍能掃描,但圖案會更密。一般網址選 M 即可。
支援 PNG、JPG、WebP、GIF、SVG。圖片只在瀏覽器本機讀取,不會傳到伺服器。
在上方輸入網址即可產生 QR Code。
如何把網址轉成 QR Code
- 1
貼上網址
把要分享的網址複製後貼進輸入框,https:// 開頭的一般網頁、LINE 加入好友連結、Google 地圖分享連結、Google 表單都可以。QR Code 會隨著輸入即時產生,不用按任何「產生」按鈕。
- 2
選擇尺寸與容錯等級
依用途選尺寸:螢幕顯示或訊息傳送選 128 px;網頁、簡報、A4 傳單選 256;海報、展架、櫥窗等遠距離掃描選 512 以上(1024、2048)。尺寸越大,印出來越清晰、越好掃。容錯等級一般維持預設的 M 即可;加上 Logo 時會自動切到 H。
- 3
設定顏色與 Logo(可選)
想配合品牌色,可以調整前景色、背景色,或勾選透明背景;再選擇 Logo 放到中央,拉動滑桿調整大小,視需要加上白色襯底和圓角。畫面若出現對比提醒就換一組更深的方格顏色,想回到原樣按「恢復預設黑白」即可。
- 4
先用手機掃描測試
下載前先拿手機相機或 LINE 的掃描功能對著畫面掃一下,確認會開到正確的網址。這一步在本機就能完成,不會送出任何伺服器請求。
- 5
下載 PNG 或 SVG
按「下載 PNG」依所選像素存成 qr-code.png,按「下載 SVG」則存成向量檔 qr-code.svg,放大印刷也不會糊;設定的顏色、透明背景與 Logo 都會一起存進 PNG 和 SVG,SVG 裡的 Logo 是內嵌的點陣圖。直接放進 Word、簡報、設計軟體或交給印刷廠即可。因為網址是直接編碼在圖案裡,這張圖不會過期,可以放心重複使用。
網址轉 QR Code 常見問題
- 網址轉 QR Code 要怎麼做?真的免費嗎,有沒有次數上限?
- 把網址(例如 https://www.example.com.tw/活動頁)貼進上方輸入框,QR Code 會即時出現,選好尺寸再按「下載 PNG」或「下載 SVG」就完成了。完全免費、免註冊、免登入,想產生幾個就產生幾個,沒有每日次數限制,下載的圖片也不會加浮水印或縮小畫質。
- 網址轉成的 QR Code 會過期嗎?是永久有效的嗎?
- 永久有效、不會過期。很多線上產生器做的是「動態 QR Code」:圖案裡放的是他們的短網址,再轉址到你的網頁,一旦試用期結束或平台停止服務,QR Code 就會失效。本工具則是把你的網址原封不動編碼進方格圖案裡,中間沒有任何第三方轉址,只要網址本身還能開,印出去的 QR Code 就一直能掃。
- 需要註冊或登入嗎?我的網址會被上傳到伺服器嗎?
- 不需要註冊、不需要登入,也不會上傳。QR Code 是用 qrcode 這個開源 JavaScript 函式庫在你的瀏覽器本機繪製到 canvas 上,網址從頭到尾都留在你的電腦或手機裡,本站伺服器看不到你輸入了什麼。拿來轉公司內網網址、後台管理頁、未公開的活動報名連結都很安全。
- Chrome、Edge 瀏覽器內建的「建立 QR 圖碼」和本工具有什麼差別?
- Chrome 與 Edge 在網址列或右鍵選單都有「為此頁面建立 QR 圖碼」功能,適合快速把目前開著的網頁分享給手機。差別在於:內建功能只能轉「目前這個分頁」的網址、尺寸固定、圖案中央會帶瀏覽器的小圖示;本工具可以貼任何網址(不必先打開該頁)、自選 128~2048 px 尺寸與容錯等級,中央可以放自己的 Logo 或保持乾淨無圖示,也能換成品牌色,再輸出 PNG 或 SVG,比較適合放進傳單、簡報或印刷品。
- 可以把 LINE 官方帳號、Google 地圖、Facebook 或短網址轉成 QR Code 嗎?
- 可以,只要它是一個網址就能轉。LINE 官方帳號請用「加入好友」網址(例如 https://lin.ee/xxxx 或 https://line.me/R/ti/p/@帳號);Google 地圖請在地圖上點「分享」→「複製連結」;Facebook 粉絲專頁、Instagram、YouTube 影片、Google 表單、雲端硬碟上的 PDF 也都一樣,把分享連結貼進來即可。短網址(如 reurl、bit.ly)同樣可以轉,但要留意短網址服務本身若停用,掃描就會失效——想要真正永久,建議直接貼原始網址。
- 產生的 QR Code 掃不到、掃很慢怎麼辦?
- 常見原因有四個:一、圖片太小或被縮放得模糊,請改用 512 px 以上的尺寸或 SVG 重新下載,不要把小圖放大;二、四周留白不夠,本工具輸出時已保留兩格白邊,排版時別讓文字或邊框緊貼圖案;三、對比不足或反白:方格要比背景深、對比至少 3:1,淺色方格配深色背景或太淡的配色都容易讀不到(工具會跳出提醒),也別印在花紋背景上,加了 Logo 時請維持 H 級容錯;四、網址太長(含大量參數)會讓方格變得非常密,掃描距離一遠就讀不到,可先用短網址工具縮短,或去掉不必要的追蹤參數再轉。
- 要列印在傳單、海報或名片上,QR Code 該做多大?
- 經驗法則是「掃描距離約為 QR Code 邊長的 10 倍」:名片、菜單、A4 傳單等近距離掃描,實際印出至少 2 公分見方,用 256 px 下載即可;海報、展架、櫥窗等站在一兩公尺外掃描的情境,邊長建議 10 公分以上,請下載 SVG 或 2048 px 的 PNG 以維持邊緣清晰。送印前務必先用 iPhone 與 Android 手機各掃一次確認,並避免把圖案印在反光的亮面材質上。
- 可以在 QR Code 中間加 Logo 或圖案、改顏色,或輸出 SVG/PDF 嗎?
- Logo、顏色和 SVG 都可以,PDF 則不支援。顏色方面,前景色與背景色可用取色器挑,或直接輸入 HEX 色碼(#rgb 或 #rrggbb);勾選「透明背景」後,PNG 背景透明、SVG 不含底色,方便疊在設計稿上。Logo 方面,按「選擇 Logo」選一張 PNG、JPG、WebP、GIF 或 SVG 圖檔,就會疊在 QR Code 中央,下載的 PNG 與 SVG 都會包含;大小滑桿的上限依目前網址在 H 級容錯下能承受的面積自動計算,最多不超過寬度的 27%,也可加上白色襯底與圓角。選擇 Logo 會自動切到 H 級容錯,有 Logo 時再手動調低會出現風險提示。配色以深色方格配淺色背景、對比 3:1 以上最穩;印出前先拿手機實際掃過一遍。按「下載 SVG」取得的 qr-code.svg 可以直接交給印刷廠。
參考資料
- ISO/IEC 18004:2015 — QR Code 國際標準
QR Code 條碼符號的國際標準,規範資料編碼模式、四級容錯(L/M/Q/H)、版本尺寸與四周留白(quiet zone)等要求,本工具產生的圖案即遵循此標準。
- QRcode.com — DENSO WAVE 官方 QR Code 網站
QR Code 發明者 DENSO WAVE 的官方說明網站,介紹 QR Code 的歷史、版本、容錯等級與印刷尺寸建議,是判斷「該印多大、能遮多少」最權威的一手資料。
- MDN — Canvas API
本工具用來在瀏覽器裡把 QR Code 繪製成點陣圖並輸出 PNG 的 Web API 文件,也是整個流程能在本機完成、不必上傳網址的關鍵。
- qrcode — npm 套件
本工具實際採用的開源 JavaScript 函式庫(node-qrcode),負責把網址編碼並繪製到 canvas;預設 M 級容錯,開發者也可直接引用到自己的專案。
- W3C — 理解 WCAG 2.1 非文字對比
W3C 對 WCAG 2.1「非文字對比」準則的說明,定義以相對亮度計算的對比值,並要求圖形與相鄰色彩至少 3:1;本工具的配色提醒即以此為門檻。