圖形對上像素
PNG 存的是一格一格的像素。放大之後,軟體會猜測像素之間該有什麼,於是每一道邊緣都變軟。SVG 存的是指令:在這裡畫一個正方形,這個大小,這個顏色。您要 2 公分或 2 公尺,它都能畫得乾淨。
為什麼 QR code 比照片更在意這件事
掃描器讀取 QR code 的方式,是取樣格線並判斷每一格是亮還是暗。邊緣變軟會把每一格推向中間的灰色,而接近中間的格子正是解碼開始失敗的地方。稍微模糊的照片看起來還是那張照片。稍微模糊的 QR code 就不再是 QR code。
圖形越密,情況越糟。像 vCard 記錄或帶參數的網址這種很長的內容,需要在同樣大的實體方塊裡塞進更多模組,於是每個模組更小,每一道變軟的邊緣佔掉的比例也更大。
依用途挑選
| 碼要放在哪裡 | 格式 | 原因 |
|---|---|---|
| 名片、傳單、包裝 | SVG | 印刷廠可以無損地把它縮放到版面尺寸 |
| 海報、櫥窗貼紙、招牌 | SVG | 大尺寸正是 PNG 撐不住的地方 |
| 向量編輯器中的設計檔案 | SVG | 可編輯的圖形,可改色,不需重新取樣 |
| 電子郵件簽名檔 | PNG | 郵件軟體處理點陣圖片的結果可預期得多 |
| 簡報或螢幕擷圖 | PNG | 顯示尺寸固定,不涉及縮放 |
| 別人的 CMS 上傳欄位 | PNG | 有些系統基於原則就拒絕上傳 SVG |
使用這個 SVG
- 置入檔案,不要貼上它的螢幕擷圖 把檔案匯入排版工具。複製預覽圖會丟掉向量資料,讓您手上又只剩像素。
- 改色要小心 任何向量編輯器都能改模組顏色。請維持淺色背景上的深色模組。反白的碼和低對比的粉彩配色在真實的讀取器上會失敗。
- 不要只拉伸單一軸 兩個方向要一起縮放。被拉伸的碼就是壞掉的格線,而錯誤更正修不了幾何形狀。
- 保留靜空區 空白邊界屬於圖形本身。緊貼模組裁切,是漂亮版面失去掃描能力最常見的原因。
如果您非用 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。這只要一秒,而且幾何形狀精確。