二维码指南

二维码下载 SVG 还是 PNG

简短回答:凡是印刷就用 SVG,屏幕上位置固定的地方就用 PNG。原因很重要,因为选错格式对二维码的惩罚比对标识更重。

图形对比像素

PNG 存储的是一张像素网格。放大它,软件就要猜测像素之间该有什么,于是每条边缘都变软。SVG 存储的是指令:在这里画一个方块,这么大,这个颜色。无论您要 2 cm 还是 2 m,它都画得干净。

二维码为什么比照片更在意这一点

扫描器读取二维码的方式,是对网格采样并判断每个格子是浅色还是深色。边缘变软会把格子推向中间灰,而靠近中间的格子正是解码开始失败的地方。稍微发虚的照片还是那张照片,稍微发虚的二维码就不再是二维码。

符号越密集,情况越糟。像 vCard 记录或带参数的 URL 这样较长的载荷,需要在同样大小的方块里放更多模块,于是每个模块更小,每条变软的边缘占它的比例更大。

按用途选择

哪种格式适合哪种用途
码用在哪里 格式 原因
名片、传单、包装 SVG 印刷厂按版面缩放它,不会有损失
海报、橱窗贴纸、标识牌 SVG 大尺寸正是 PNG 崩掉的地方
矢量编辑器里的设计文件 SVG 图形可编辑、可改色,无需重采样
邮件签名 PNG 邮件客户端处理位图图片可预期得多
幻灯片或截图 PNG 显示尺寸固定,不涉及缩放
别人网站的 CMS 上传框 PNG 有些系统按规定拒绝上传 SVG

使用这个 SVG

  1. 置入文件,不要粘贴它的截图 把文件导入排版工具。复制预览图会丢掉矢量数据,让您手里又只剩像素。
  2. 改色要谨慎 任何矢量编辑器都能改模块颜色。请保持浅色背景上的深色模块。反色的码和低对比度的粉彩配色在真实的读取器上会失败。
  3. 不要只拉伸一个方向 两个方向要一起缩放。被拉伸的码就是坏掉的网格,任何纠错都修不好几何形状。
  4. 保留静区 空白边距是符号的一部分。紧贴模块裁切,是漂亮版面无法扫描的最常见原因。

如果您必须用 PNG

按最终版面所需的像素尺寸或更大导出,之后绝不要再放大。缩小通常是安全的,放大才是模糊的来源。

不要把 PNG 送进有损压缩器。JPEG 的压缩伪影聚集在黑白硬边缘周围,而二维码里每条边缘都是这种边缘。如果需要更小的文件,我们的图片压缩工具会对 PNG 做无损重新编码,并在结果并没有变小时丢弃它。

两种格式都会跑的检查

Vaultaire 用同一份载荷生成 PNG 和 SVG,然后用另一个独立的读取器再次解码每个完成的文件。只有解码出的文本与您审阅过的内容一致,下载才会解锁。这能在进印刷厂之前抓出损坏的渲染。它无法告诉您最终版面是否保留了静区,所以请自己扫一下打样。

SVG 与 PNG 常见问题

SVG 还是 PNG?

凡是印刷或可能缩放的用途选 SVG:海报、包装、卡片、标识牌、设计文件。屏幕上位置固定的地方选 PNG,比如邮件签名或幻灯片。

SVG 二维码质量更高吗?

它根本没有分辨率。它把模块描述成图形,您要多大就以多大渲染。PNG 有固定的像素网格,超过之后就会发虚。

可以改颜色吗?

可以,用任何矢量编辑器都行,文件依然清晰。请保持浅色背景上的深色模块。反色或低对比度的码在部分读取器上会失败,与格式无关。

我印出来的码为什么发虚?

PNG 被放大到超出它的像素网格,打印机只能在模块边缘凭空补细节。请改印 SVG,或者按版面所需的确切尺寸导出 PNG。

印刷厂接受 SVG 吗?

大多数都接受,而且每种排版工具都能导入。如果印刷厂要 PDF 或 EPS,就把 SVG 置入设计工具再从那里导出。图形不会损失。

之后能把 PNG 转成 SVG 吗?

把位图的码描摹回矢量,是在猜测本来就已经变软的边缘。请直接用载荷生成 SVG,只要一秒钟,而且几何形状是精确的。