螢幕用點陣、印刷用向量——再附上讓印出來的碼不會糊掉的像素尺寸。
凡是要印刷或會被縮放的,下載 SVG。凡是留在螢幕上的——電子郵件、簡報、社群貼文、網頁——下載 PNG。印刷用向量,螢幕用點陣。
兩種檔案裝的是同一組 QR Code,在你製作的尺寸下掃描表現完全一樣。差別只在影像的儲存方式,而那決定了有人把它放大時會發生什麼事。
如果拿不定主意,兩種都下載。在這裡兩種都不用錢,而印刷廠開口要向量檔時手邊就有 SVG,可以省下一個下午。
PNG 是點陣影像:一格固定的像素網格。一張 512 x 512 像素的 PNG 裝著 262,144 個像素的資訊,而且永遠不會更多。把它放大到海報尺寸,軟體只能自行編造缺少的細節,於是每個模組的邊緣都變糊,在光線不足或斜角下就更難讀取。
SVG 是向量影像:它是一組描述這些方塊的指令,而不是這些方塊的照片。算圖時會依照要求的尺寸重新繪製,所以在大型看板上的邊緣,和在名片上一樣銳利。檔案通常還更小,因為一組 QR Code 不過就是幾百個圖形。
問題出在支援度。每一支手機、瀏覽器、郵件軟體和文書處理器都吃 PNG。SVG 在瀏覽器和 Illustrator、InDesign、Affinity 這類設計軟體裡都很可靠,但有些辦公室套裝軟體會算圖失敗,多數社群平台更是直接拒收。整個取捨就在這裡。
如果你加了 Logo,有個細節要注意:SVG 裡的 QR 圖形仍是向量,但你提供的 PNG 或 JPG Logo 在裡面依然是點陣影像。請從你手上最大的那一版 Logo 開始做。
當印刷廠向你要可直接付印的完稿時,答案就是 SVG。只有在他們的系統不收向量檔時才送 PNG,而且要用下面算出來的尺寸送。
| 用在哪裡 | 格式 | 匯出尺寸 |
|---|---|---|
| 網頁或電子郵件簽名檔 | PNG | 300–600 px |
| 簡報 | PNG | 600–1000 px |
| Instagram 或其他社群 | PNG | 1000–1080 px |
| 名片,2 公分的碼 | SVG | PNG 備案:250 px |
| 菜單或桌卡,4 公分的碼 | SVG | PNG 備案:500 px |
| 傳單或 A4 海報,5 公分的碼 | SVG | PNG 備案:600 px |
| 包裝與標籤 | SVG | 向量——印刷廠一定會要 |
| 大圖輸出海報或帆布 | SVG | 向量,不需指定像素尺寸 |
DPI——每英吋點數——指的是印刷機在每英吋紙面上放下多少個墨點。300 DPI 是拿在手上的印刷品的標準,因為在一般閱讀距離下,眼睛大約就在那個密度附近再也分不出個別的點。低於大約 150 DPI,邊緣就看得出明顯發糊。
對 QR Code 來說,糊掉的邊緣不只是好不好看的問題。掃描器必須判斷每個模組是亮還是暗,模糊的邊界會產生更多解碼錯誤——在昏暗光線下、斜角掃描時,或用較舊的手機相機時最明顯。銳利的碼掃得更快,也能從更遠的地方掃到。
DPI 只適用於點陣檔案。SVG 沒有 DPI,因為它根本沒有像素;印刷廠的軟體會依照印刷機的實際解析度來算圖。這正是印刷廠一再索取向量檔的原因。
算式只有一行:像素 = 印刷寬度(英吋)x 300。1 英吋(2.5 公分)的碼需要 300 x 300 像素的 PNG,2 英吋(5 公分)的碼則需要 600 x 600 像素。用公分計算時先除以 2.54——4 公分是 1.57 英吋,所以 1.57 x 300 = 472 像素,進位到 500。
把匯出尺寸往上進位不花一毛錢。往下捨去要付的是一次重印。
不要裁掉靜空區。QR Code 四邊都需要留出四個模組寬的空白邊界,掃描器靠它找出碼的邊界。為了把碼塞進版面而修掉靜空區,是技術上完美的碼卻掃不到的頭號原因。
不要把 QR Code 存成 JPG。JPG 壓縮會在高對比邊緣周圍留下淡淡的光暈,而 QR Code 從頭到尾就是由高對比邊緣組成的。需要點陣檔案時請用 PNG,而且絕對不要拿已經經過 JPG 壓縮的碼再匯出一次。
QR Code Agent 匯出 PNG 和 SVG 都不必開帳號、沒有浮水印,也沒有尺寸限制。影像在你的瀏覽器裡產生,所以檔案是在你自己的裝置上建立的,不會上傳任何東西。
這些是靜態碼,也就是目的地已經編碼在圖形裡,你下載的檔案就是最終版——在 5,000 張標籤送印之前值得先知道這件事。請在開印之前用兩三支不同的手機測試匯出的檔案,而不是印完之後。
免費、免註冊,而且你的碼永不失效。
拿到你的碼了嗎? ☕ 請我喝杯咖啡 ——這能讓這個工具對所有人保持免費。