UltKit

如何製作 QR Code:免費靜態碼,每次都掃得到

製作 QR Code 時,先決定掃描後要做什麼(開啟連結、連上 Wi-Fi、儲存聯絡人),再編成不會過期的靜態碼,印刷用匯出 SVG、螢幕用匯出 1000 px 的 PNG,並在印製前用兩支不同的手機掃描測試。能不能掃得到,尺寸、對比與白邊的影響比產生器本身更大。

Jonas WeberJonas Weber網站效能編輯
更新於 11 分鐘閱讀
黑白照片:一隻張開的手遞出智慧型手機,螢幕上是票券樣式的 QR Code,背景為模糊的磁磚地板
Answer

要怎麼製作出可以長期使用的 QR Code?

將連結或資料直接編碼成靜態碼,內容盡量精簡;列印時至少 2 × 2 cm(或為掃描距離的十分之一),四周保留 4 個模組寬的白邊,採用淺底深色碼,並在列印前用 iPhone 和 Android 手機各測試一次。

QR Code 裡實際存了什麼

QR Code 是一種二維條碼,只能儲存一小段文字。它由豐田集團旗下的 Denso Wave 於 1994 年設計,用來追蹤生產線上的汽車零件,並在 2000 年成為國際標準 ISO/IEC 18004。四個角落中的三個大方塊用來告訴掃描器碼的位置與上下方向,其餘稱為模組的小方塊則負責存放資料。連結、Wi-Fi 登入資訊和聯絡人名片,本質上都是特定格式的文字,解碼之後由手機決定要做什麼。

QR Code 共有 40 種尺寸,稱為版本,從 21 × 21 個模組(版本 1)到 177 × 177 個模組(版本 40)。最大版本可容納 7,089 個數字、4,296 個英數字元或 2,953 位元組。4,296 這個數字只適用於受限的英數字元集:數字、大寫字母、空格和八個符號。一般小寫網址使用位元組模式,實際上限較低,而且每多一個字元,碼就會變成更密的版本,模組也隨之變小。

每個 QR Code 還內建 Reed–Solomon 錯誤修正,即使圖案有髒污、刮傷或被遮住,掃描器仍能還原內容。四個等級大約可修復 7% (L)、15% (M)、25% (Q) 和 30% (H) 的碼面。等級越高越佔空間,因為修復資料會與內容一起儲存。實務上,內容長度加上容錯等級決定圖案的密度,而密度則決定舊手機能否從房間另一端讀取,或是只能在幾公分內讀取。

各類內容該如何編排格式

手機能辨識幾種文字格式,並轉換成對應動作。以 https:// 開頭的連結會開啟瀏覽器;以 WIFI: 開頭的內容會詢問是否加入網路,tel: 會詢問是否撥號,mailto: 會開啟新郵件,SMSTO: 則開始撰寫簡訊。聯絡人可用 vCard(BEGIN:VCARD)或較短的 MeCard(MECARD:N:Weber,Jonas;TEL:+4930…;;),行事曆活動則使用 iCalendar 的 BEGIN:VEVENT 區塊。若要提供 App 下載,建議編碼單一網頁連結,讓 iPhone 前往 App Store、Android 手機前往 Google Play,而不是印兩個碼。在印度,UPI 付款碼是一個 upi://pay?pa=name@bank&pn=Name 連結,任何 UPI App 都能開啟並自動帶入收款人。

你不需要手動輸入這些字串。免費 QR Code 產生器會根據表單欄位幫你組出來:選擇 QR Code 類型,填入連結、網路名稱或電話號碼,再按下產生即可。不過了解原始格式仍然有幫助,例如碼出問題、要用試算表批次製作,或掃描 App 只顯示純文字而沒有「加入」按鈕時。下面的 Wi-Fi 字串是最多人弄錯的:加密類型要放在最前面,密碼中的分號等特殊字元前要加反斜線,整行結尾要有兩個分號。

各種內容類型解碼後的文字樣貌
內容碼中的文字手機提供的動作
網站連結https://example.com/menu在瀏覽器中開啟
Wi-Fi 網路WIFI:T:WPA;S:CafeGuest;P:espresso42;;加入網路
聯絡人(MeCard)MECARD:N:Weber,Jonas;TEL:+4930123456;;儲存聯絡人
電子郵件mailto:[email protected]?subject=Order新增郵件
簡訊SMSTO:+15551234567:Table 12 ready新增訊息
行事曆活動BEGIN:VEVENT … END:VEVENT加入行事曆
純文字任意文字,列印用途建議不超過約 300 個字元顯示文字
Wi-Fi QR Code 格式(請替換名稱與密碼)
WIFI:T:WPA;S:name;P:pass;;

靜態 QR Code 與動態 QR Code

靜態碼把內容直接存在圖案裡。從掃描到目的地之間沒有任何中介,所以不會過期、不會被第三方關閉,也不需要任何維護費用。動態碼則是儲存一個簡短的轉址連結,例如服務商的網域加幾個字元,再由服務商的伺服器把每次掃描轉到你在帳號中設定的目的地。整個機制就是這樣。可編輯的是轉址,不是碼本身,而轉址只在該服務與你的帳號存續期間有效。

因此,許多要你註冊以便「日後編輯」的免費產生器,其實賣的就是這個轉址。試用期結束或訂閱到期後,轉址停止運作,所有印出來的碼都會指向錯誤頁面或升級畫面。不靠服務商也能有同樣的彈性:編碼你自己網域上的連結,例如 yoursite.com/menu,再更改該頁面的內容或轉址目標。動態 QR Code 指南會說明如何用 302 轉址來設定。

靜態

內容存在圖案中

連結或資料直接寫入碼本身。

  • 永不過期,不需帳號
  • Wi-Fi、聯絡人和文字可離線使用
  • 要更改目標就得重新列印
Best for: Wi-Fi 告示、名片、包裝,以及任何大量列印的物品。
動態

簡短轉址連結

碼中存放一個由伺服器轉送的短網址。

  • 列印後仍可更改目的地
  • 掃描次數來自轉址紀錄
  • 轉址服務停止時也會失效
Best for: 落地頁會變動的行銷活動,建議使用自己的網域。
一隻手拿著智慧型手機,螢幕上顯示黑白 QR Code,透過深色背景上的圓形開口拍攝
照片:Unsplash

尺寸、掃描距離與靜區

在一臂距離閱讀的印刷碼,實際最小尺寸約為 2 × 2 cm(0.8 × 0.8 英吋),而且僅限內容簡短的情況;連結較長的高密度碼需要 3 cm 以上。距離更遠時,請遵循 10:1 原則:碼的寬度至少為掃描距離的十分之一。2 公尺外閱讀的海報需要 20 cm 的碼,3 公尺外從人行道閱讀的櫥窗貼紙則需要 30 cm。請量碼本身,而不是周圍的美術設計。

圖案四周有一圈靜區,也就是標準規定每邊 4 個模組寬的空白邊界。設計師常為了讓版面更緊湊而裁掉它,結果掃描器找不到邊緣,尤其是碼放在複雜照片上時。請將靜區(留白)維持在 4,並把這圈白邊視為碼的一部分。對比同樣重要:淺色背景上放深色模組,最好是白底黑碼。碼的顏色明顯比背景深時,彩色碼也能正常掃描,但漸層、有圖案的背景和淺色都會降低容錯空間。

反相碼,也就是深色背景上的淺色模組,在深色包裝上看起來很美,卻有不少掃描器讀不出來,包括舊手機和許多收銀系統的讀碼器。沒有在手邊最舊的裝置上測試過,千萬不要列印。放在中央的標誌也要同樣謹慎:將容錯等級設為最高 (30%),標誌寬度控制在碼寬的五分之一以內,並記住標誌會用掉原本用來應付刮傷和反光的修復餘裕。

選擇檔案格式,再用真實手機測試

列印時請匯出 SVG。它是向量格式,任何尺寸都保持清晰,印刷廠可以從名片放大到大型帆布,模組邊緣也不會模糊。PDF 和 EPS 同樣是向量格式,適合使用 InDesign 或 Illustrator 的設計師。用於螢幕、簡報和電子郵件時,1000 px 以上的 PNG 就很足夠;大型螢幕請把圖片大小調得更高。切勿放大小張的 PNG 或碼的螢幕截圖,因為重新取樣後邊緣會變模糊。如果手上只有碼或標誌的 PNG,PNG 轉 SVG一文說明了何時描圖才有效。SVG QR Code 產生器開啟時已預設為向量輸出。

接著要測試,而且不能只用一支手機。iPhone 相機自 2017 年的 iOS 11 起就原生支援讀取 QR Code,新款 Android 手機可用內建相機或 Google Lens 讀取。舊款 Android、平價手機以及店家櫃檯的專用條碼掃描器就沒那麼寬容,而他們正是會掃你菜單的人。請在實際尺寸、實際距離、實際材質和實際光線下測試。把試印稿貼在真正的牆上,比螢幕預覽更有參考價值。

iPhone

  1. 01開啟相機 App 對準碼即可,不需要安裝其他 App。
  2. 02點選黃色橫幅,並在開啟前確認連結或動作。
  3. 03請從預定的實際距離再掃一次,而不只是近距離。

Android

  1. 01用內建相機對準碼,或開啟 Google Lens。
  2. 02點選碼上方出現的建議連結或動作。
  3. 03如果能借到,再用另一支較舊的 Android 手機試試。

掃描器與列印

  1. 01以最終的紙張或材質,用實際大小列印試印稿。
  2. 02在實際的燈光下掃描,包括燈具造成的反光。
  3. 03若用於櫃檯,也請用店家自己的條碼掃描器試試。

讓印刷 QR Code 掃不到的常見錯誤

大多數失效的 QR Code 並不是碼受損,而是從一開始就不可能在那個尺寸或那種表面上被掃描,或是指向已不存在的連結。好消息是,這些問題都能在印刷前的測試中發現,只需幾分鐘,而不是重印一次。以下清單列出菜單、傳單和產品標籤上最常見的失敗原因,大致依發生頻率排列。

如果已發出去的碼停止運作,先從目的地查起。在電腦上開啟碼中的連結:如果頁面不見了,可能是網域過期或免費試用結束,圖案本身沒有問題,解決方法是製作新碼或恢復頁面。如果連結正常但掃不出來,問題出在實體,幾乎都是尺寸、對比或靜區造成的。把手機放在不同距離試試;若近距離能讀、人們站立的距離卻讀不到,就是碼太小了。

  • 連結太長

    追蹤參數和冗長的路徑會使碼變成模組很小的高密度版本。請移除不需要的參數,或改為編碼你自己網域上的短頁面。

  • 列印尺寸太小

    近距離閱讀至少要有 2 × 2 cm,貼在牆上或窗戶上的則要套用 10:1 的距離原則。

  • 對比不足或背景為漸層

    在單純的淺色背景上使用深色碼;碼後方的漸層或照片會干擾定位圖案。

  • 縮短的連結已過期

    免費的短網址服務和試用版動態碼可能停止轉址。請編碼你能掌控的連結,或直接使用最終目的地。

  • 曲面或光亮表面

    瓶子、罐子和護貝卡片會使圖案變形或反光。請印大一點、選用霧面處理,並把碼放在表面最平坦的位置。

  • 靜區被裁掉

    即使版面看起來很擠,也要恢復四周各 4 個模組寬的空白邊界。

QR Code 能知道你什麼、不能知道什麼

靜態 QR Code 只是印出來的油墨。它無法記錄誰在何時何地掃描,也無法在手機上執行程式或安裝任何東西。掃描只是解碼文字,之後手機會顯示它找到的內容,並在開啟連結、撥號或加入網路前先詢問。所以碼本身對你一無所知。接下來會發生什麼,完全取決於目的地,就像你自己在瀏覽器輸入網址一樣,也應該用同樣的判斷力。

追蹤是透過連結進入的。動態碼的轉址伺服器會記錄每次請求,通常包括時間、IP 位址(可據此推測大致位置)、裝置類型和瀏覽器。網址中的追蹤參數則讓網站知道這次造訪來自哪張海報或傳單。這是一般的網站分析,對碼的擁有者來說往往正是所需。身為掃描者,點選前請先看預覽:網域會告訴你誰會看到這次造訪。

真正的風險是被替換。詐騙者會把自己的 QR Code 貼紙蓋在停車收費機和餐廳桌上的正牌碼上,把人導向假的付款頁面,美國聯邦貿易委員會也曾向消費者發出警告。如果你把碼放在公共場所,請不時檢查,並在碼下方印出目的地網域。至於 Wi-Fi 碼,請記得密碼是以純文字儲存的,所以要使用訪客網路;Wi-Fi QR Code 產生器可以幫你組出那個字串。

菜單、海報、名片與包裝的檢查清單

不同的載體各有各的問題。菜單卡每天晚上都會弄濕、擦拭;海報要從房間另一端或月台遠處閱讀;名片尺寸很小,又常有亮面;包裝則會繞著瓶身彎曲,而且在印製它的活動結束後,還會在架上放好幾年。下方各欄整理了每種載體在核准印刷前值得檢查的項目,讓 QR Code 在實際使用一週後仍能正常掃描。

菜單與桌卡

  • 在桌面距離下至少 3 × 3 cm
  • 連結到可以隨時更新的頁面
  • 使用霧面卡紙,並加上一行說明 QR Code 會開啟什麼內容

海報與看板

  • 寬度至少為閱讀距離的十分之一
  • 設在視線高度,避開反光
  • 戶外使用時,容錯等級選高或最高,並在下方印出網域

名片與包裝

  • 不小於 2 × 2 cm,並提供向量檔給印刷廠
  • 放在平面區域,避開曲面與亮面覆膜
  • 使用比產品壽命更長的連結,並在最終材質上試掃確認

重點整理

  • QR Code 只能存放簡短文字;連結、Wi-Fi 登入資訊和聯絡人都是手機能辨識的格式。
  • 靜態 QR Code 永遠不會過期。動態 QR Code 其實是一個轉址,你也可以在自己掌控的網域上架設。
  • 列印時至少 2 × 2 cm,遵守 10:1 的距離原則,並保留 4 個模組寬的白邊。
  • 印刷請用 SVG、PDF 或 EPS,螢幕顯示則用 1000 px 以上的 PNG。
  • 請在實際的大小、距離和光線下,用 iPhone、Android 手機和較舊的掃描器測試。
分享XFacebookWhatsAppTelegram

常見問題

QR Code 的內容最長可以多長?

最大版本在最低容錯等級下,可容納最多 4,296 個英數字元或 2,953 位元組。若要印刷,建議連結控制在約 80 個字元內、純文字約 300 個字元內,這樣圖樣夠粗,任何手機都能掃描。

靜態 QR Code 會失效嗎?

QR Code 本身不會失效,因為內容就是圖樣的一部分。只有當目的地改變時才會失效,例如網頁被刪除、Wi-Fi 密碼更改,或短網址服務停止營運。

可以製作開啟 App 的 QR Code 嗎?

請編碼為應用程式商店頁面的網址,或是能偵測裝置、並將 iPhone 導向 App Store、Android 手機導向 Google Play 的頁面。這樣一個 QR Code 就能兩邊通用。

為什麼我的 QR Code 在螢幕上能掃,印出來卻不行?

通常是印出來的版本比螢幕預覽更小、更亮面或對比更低,或是排版時白邊被裁掉了。請以最終尺寸印出樣張,並在實際光線下試掃。

在公共場所掃 QR Code 安全嗎?

掃描本身無害,因為手機只是讀取文字。開啟前請先檢查預覽中的網域,並提防貼在停車收費機或付款告示上、蓋住原有 QR Code 的貼紙。

可以改變 QR Code 的顏色嗎?

可以,只要 QR Code 明顯比背景深即可。除非已在多支手機上測試過,否則請避免淺色、漸層,以及淺色圖樣配深色底的反相 QR Code。

延伸閱讀