QR Code 製作器
免費線上 QR Code 製作器:網址、文字、Wi-Fi 都能做,可自訂顏色、中間放 Logo、加 UTM 追蹤,下載 PNG 或 SVG,在瀏覽器產生。
輸入網址或任何文字,QR Code 會即時產生;可以換顏色(6 組預設配色)、中間放 Logo、替網址加上 UTM 追蹤參數,再下載 PNG、SVG 或直接複製圖片。產生的是靜態 QR Code,印出去之後不會過期,也沒有掃描次數限制;不用登入,在瀏覽器產生。
內容可以放什麼
QR Code 本身只是把一段文字編成黑白格子,手機掃到後依文字的開頭決定要做什麼。輸入框可以打多行,常見寫法:
網址、Wi-Fi、撥電話、寄信(一次放一種)
https://example.com/menu
WIFI:T:WPA;S:MyShop;P:12345678;;
tel:0212345678
mailto:service@example.com- 網址:最常見的用法,掃了直接開網頁;可以搭配下面的 UTM 參數追蹤來源。
- Wi-Fi:照 WIFI:T:加密方式;S:網路名稱;P:密碼;; 的格式寫,沒有密碼的網路 T 寫 nopass;手機相機掃了會提示連線。
- 電話、Email:tel: 與 mailto: 開頭,多數手機相機會認得,掃了跳到撥號或寫信畫面。
- 純文字:任何文字都能放(包含多行文字與 vCard 名片格式),掃了會顯示文字內容。
預覽下方會列出「掃出來的內容」,就是實際編進 QR Code 的文字,印出去前可以再對一次。
替網址加上 UTM 追蹤
內容是 http/https 網址時,填了來源、媒介或活動名稱,就會接在網址後面;網址原本的參數會保留,中文與空白會自動編碼。內容不是網址時不會加,畫面會提醒。例如傳單上的菜單 QR Code:
https://example.com/menu?table=5 加上來源 flyer、媒介 qrcode、活動 2026_autumn(實際是一整行)
https://example.com/menu?table=5
&utm_source=flyer
&utm_medium=qrcode
&utm_campaign=2026_autumn這樣在網站的流量分析報表裡,就分得出哪些人是掃傳單進來的。不同地點(店門口、桌卡、DM)各做一張、來源填不同名稱,就能比較哪個地方最有效。要一次產生很多組 UTM 網址,可以用站上的 UTM 產生器。
尺寸、容錯等級與 Logo
尺寸滑桿 128~512 像素(預設 256)。內容越長,QR Code 的格子越多:規格上版本 1 是 21 × 21 格,每升一版多 4 格。格子太密時每格不到 3 像素,手機就對不清楚,所以工具會自動把下載的圖放大,畫面上會提示:
| 格數 | 每格大小 | 下載寬度 |
|---|---|---|
| 版本 1(21 × 21 格) | 約 10.2 px | 256 px |
| 版本 5(37 × 37 格) | 約 6.2 px | 256 px |
| 版本 10(57 × 57 格) | 約 4.2 px | 256 px |
| 版本 20(97 × 97 格) | 約 3.0 px | 303 px |
| 版本 40(177 × 177 格) | 約 3.0 px | 543 px |
四周另外留 2 格白邊(掃描需要的安靜區),也算在寬度裡。
- 容錯等級:L(約 7%)、M(約 15%)、Q(約 25%)、H(約 30%),預設 M。等級越高,髒污、折損或被遮住一部分時越讀得出來,但同樣內容的格子會變多。
- 放 Logo:上傳 PNG、JPG、WebP、SVG 或 GIF(2MB 以內),放在正中間、寬度約 QR Code 的 22%,底下墊一塊背景色;放了 Logo 容錯等級固定用 H,其他等級會暫時不能選。
- 下載格式:PNG 就是預覽那張圖(格數多時已自動放大);SVG 是向量檔,印海報、大圖輸出放多大都不會糊,Logo 也會一起放進去。也可以按「複製到剪貼簿」直接貼到簡報或聊天視窗。
顏色怎麼選才掃得到
手機是靠深淺差分辨格子,前景和背景的對比低於 3 : 1 時畫面會提醒;前景比背景亮(反白)也會提醒,因為有些掃描 App 只認深色格子、淺色底。內建配色的對比:
| 配色 | 對比 | 畫面提醒 |
|---|---|---|
| 經典黑 | 21.0 : 1 | — |
| 科技藍 | 5.6 : 1 | — |
| 品牌紅 | 5.9 : 1 | — |
| 森林綠 | 7.1 : 1 | — |
| 優雅紫 | 8.4 : 1 | — |
| 暗黑模式 | 17.4 : 1 | 反白,有些 App 讀不到 |
| 自訂:淺灰格子、白底 | 1.9 : 1 | 太接近,可能掃不出來 |
色碼可以直接打 #RRGGBB 或 #RGB;打到一半時預覽會先維持上一個,不會一直跳錯誤。品牌色很淺時,建議把品牌色用在中間的 Logo 上,格子維持深色。
做不到的事
- 不能事後改內容:這是靜態 QR Code,內容直接編在圖裡;印出去之後網址要換,只能重做一張。
- 沒有掃描統計:工具不經過我們的伺服器轉址,所以看不到掃了幾次;要知道成效請加 UTM,在自己網站的流量報表看。
- 沒有圓點、圓角等圖案樣式:能改的是前景、背景顏色與中間的 Logo,格子形狀固定是方塊。
- 內容有上限:太長會提示超過容量,請縮短網址(例如先用短網址工具)或降低容錯等級。
QR Code 製作器功能特點
- 自訂前景和背景顏色,6 組預設配色
- 中間放 Logo 圖片(自動改用最高容錯等級 H)
- 支援 UTM 追蹤參數
- 下載 PNG 或 SVG 格式
- 即時預覽,並顯示掃出來的實際內容
- 4 種容錯等級(L/M/Q/H)
如何使用QR Code 製作器?
- 輸入要編碼的網址或文字
- 自訂顏色(或選預設配色)
- 上傳 Logo(可選)
- 設定 UTM 參數(可選,內容是網址才會加上)
- 下載 QR Code 圖片
QR Code 製作器常見問題
QR Code 有掃描次數限制嗎?
沒有。生成的 QR Code 是靜態圖片,可以無限次掃描,永久有效。
嵌入 Logo 會影響掃描嗎?
QR Code 有容錯機制,適當大小的 Logo 不會影響掃描。這個工具把 Logo 放在正中間、約 QR Code 寬度的 22%(面積約 5%),並自動改用最高的容錯等級 H;印刷前仍建議用手機實際掃一次。
什麼是 UTM 追蹤?
UTM 是 Google Analytics 的追蹤參數,可以追蹤 QR Code 帶來的流量來源,適合行銷活動分析。內容是 http/https 網址時,填了來源、媒介或活動名稱就會加在網址後面,預覽下方會顯示實際編進去的網址。
可以做 Wi-Fi QR Code 嗎?
可以,但內容要自己寫成 WIFI:T:WPA;S:網路名稱;P:密碼;; 的格式(T 是加密方式,沒有密碼就寫 T:nopass),手機相機掃了才會提示連線。這個工具沒有專用的 Wi-Fi 表單。
QR Code 做好之後可以改網址嗎?
不行。這裡做的是靜態 QR Code,網址直接編在圖案裡,改網址就要重新產生、重新印。如果擔心之後網址會變動,可以讓 QR Code 指向一個你自己能維護的固定網頁,之後改那個網頁的內容就好。
QR Code 要印多大才掃得到?
關鍵是每一格印出來夠不夠大:內容越長格子越多,同樣大小的 QR Code 每格就越小。印刷前請用手機在實際會掃的距離試掃;要放大印刷時下載 SVG,放多大都不會糊。內容很長時,先縮短網址可以讓格子變少、比較好掃。
為什麼 QR Code 掃不出來?
常見原因:前景和背景顏色太接近、用了淺色格子深色底(反白)、印得太小或印刷模糊、四周白邊被裁掉、Logo 太大或蓋住了角落的定位方塊。這個工具會對顏色問題直接提醒;Logo 固定放中間、寬度約 22% 並用最高容錯,照常使用不會蓋到定位方塊。
可以做 LINE 加好友的 QR Code 嗎?
可以。複製你的 LINE 加好友網址(LINE 官方帳號管理後台、LINE App 的行動條碼畫面都找得到),貼進內容框就好,也能放上自己的 Logo。這是一般的網址 QR Code,任何手機相機掃了都會打開 LINE 加好友頁。