QR code 指南

QR code SVG 或 PNG:該下載哪一種

簡短的答案:要印刷就用 SVG,螢幕上位置固定就用 PNG。理由很重要,因為選錯格式時,QR code 受到的懲罰比 logo 大得多。

圖形對上像素

PNG 存的是一格一格的像素。放大之後,軟體會猜測像素之間該有什麼,於是每一道邊緣都變軟。SVG 存的是指令:在這裡畫一個正方形,這個大小,這個顏色。您要 2 公分或 2 公尺,它都能畫得乾淨。

為什麼 QR code 比照片更在意這件事

掃描器讀取 QR code 的方式,是取樣格線並判斷每一格是亮還是暗。邊緣變軟會把每一格推向中間的灰色,而接近中間的格子正是解碼開始失敗的地方。稍微模糊的照片看起來還是那張照片。稍微模糊的 QR code 就不再是 QR code。

圖形越密,情況越糟。像 vCard 記錄或帶參數的網址這種很長的內容,需要在同樣大的實體方塊裡塞進更多模組,於是每個模組更小,每一道變軟的邊緣佔掉的比例也更大。

依用途挑選

哪一種格式適合哪一種用途
碼要放在哪裡 格式 原因
名片、傳單、包裝 SVG 印刷廠可以無損地把它縮放到版面尺寸
海報、櫥窗貼紙、招牌 SVG 大尺寸正是 PNG 撐不住的地方
向量編輯器中的設計檔案 SVG 可編輯的圖形,可改色,不需重新取樣
電子郵件簽名檔 PNG 郵件軟體處理點陣圖片的結果可預期得多
簡報或螢幕擷圖 PNG 顯示尺寸固定,不涉及縮放
別人的 CMS 上傳欄位 PNG 有些系統基於原則就拒絕上傳 SVG

使用這個 SVG

  1. 置入檔案,不要貼上它的螢幕擷圖 把檔案匯入排版工具。複製預覽圖會丟掉向量資料,讓您手上又只剩像素。
  2. 改色要小心 任何向量編輯器都能改模組顏色。請維持淺色背景上的深色模組。反白的碼和低對比的粉彩配色在真實的讀取器上會失敗。
  3. 不要只拉伸單一軸 兩個方向要一起縮放。被拉伸的碼就是壞掉的格線,而錯誤更正修不了幾何形狀。
  4. 保留靜空區 空白邊界屬於圖形本身。緊貼模組裁切,是漂亮版面失去掃描能力最常見的原因。

如果您非用 PNG 不可

以最終版面需要的像素尺寸或更大的尺寸匯出,之後絕不要再放大。縮小通常是安全的,放大才是模糊的來源。

不要把 PNG 丟進有損壓縮工具。JPEG 的雜訊會聚集在黑白硬邊附近,而 QR code 到處都是這種邊。如果您需要更小的檔案,我們的圖片壓縮工具會用無損方式重新編碼 PNG,並在結果沒有真的變小時丟棄它。

兩種格式都會跑的檢查

Vaultaire 從同一份內容建立 PNG 與 SVG,然後用另一個獨立的讀取器把每個完成的檔案再解碼一次。只有在解出來的文字和您檢視過的內容一致之後,下載才會解鎖。這能在損壞的算圖送去印刷之前把它抓出來。它無法告訴您最終版面是否保留了靜空區,所以請自己掃描打樣。

SVG 與 PNG 常見問題

SVG 還是 PNG?

凡是要印刷或可縮放的用途都用 SVG:海報、包裝、卡片、招牌、設計檔案。螢幕上位置固定的用途用 PNG,例如電子郵件簽名檔或簡報投影片。

SVG 的 QR code 品質比較高嗎?

它根本沒有解析度。它把模組描述成圖形,您要多大就繪製多大。PNG 有固定的像素格線,超過就會變糊。

我可以改顏色嗎?

可以,在任何向量編輯器中都行,而且檔案依然清晰。請維持淺色背景上的深色模組。反白或對比不足的碼在某些讀取器上會失敗,和格式無關。

我印出來的碼為什麼看起來很糊?

PNG 被放大到超過它的像素格線,於是印刷機在模組邊緣自行編出細節。請印 SVG,或依版面需要的確切尺寸匯出 PNG。

印刷廠接受 SVG 嗎?

大多數都接受,而且每一種排版工具都能匯入。如果印刷廠要 PDF 或 EPS,請把 SVG 置入設計工具再從那裡匯出。圖形會保留下來。

我可以之後再把 PNG 轉成 SVG 嗎?

把點陣的碼描回向量,等於在猜測本來就已經變軟的邊緣。請直接從內容產生 SVG。這只要一秒,而且幾何形狀精確。