把二维码导出为 SVG，而不是套了个壳的位图

01

文件里到底装着什么

导出的是一个 SVG 元素，带有明确的宽高，以及以模块为单位度量的 viewBox。每个深色模块都是整数坐标上的一个 1×1 矩形，三个定位图形各自是独立的形状，因此圆角样式与模块本身是方的、圆的还是点状的互不相干。没有任何部分是从位图描出来的，因为它从来就不是位图。

静区是画布的一部分，而不是事后才想起的东西：viewBox 等于码加上你选的留白，默认四个模块，最多可以到十六个。透明背景意味着根本不写背景矩形，这正是它能直接放在有色纸上而周围不带白框的原因。

• 每个模块一个矩形，落在整数坐标上
• 静区包含在 viewBox 之内
• 前景色与背景色是六位十六进制值
• 背景透明时不写背景矩形

02

矢量的关键在边缘，不在文件体积

扫码读的是深色模块与浅色模块之间的那条边界。把一张小 PNG 放大，会让每一条边界都变糊，而糊掉的边界就是含混的数据——这就是为什么放大的码会在某个尺寸上失败，而同一个码若以矢量导出，在同样的尺寸上完全撑得住。SVG 压根就没有分辨率可以损失。

这也是一个文件能应付所有版面的原因。放进请柬的和放上海报的是同一份东西：印厂缩放它，模块的边缘仍然停在图形规定的位置上。

03

设计过的卡片在哪里不再是纯矢量

裸码从头到尾都是矢量。卡片在能是矢量的地方就是矢量——矩阵保持它的图形，形状、背景与渐变也仍然是形状。

有两样东西过不了这一关。照片或上传的标志没有矢量形态，因此它以高分辨率位图的身份被装在 SVG 里一起走。文字仍然是活的文字，上面标着字体名，这意味着没有那套字体的机器会换成别的字体，行宽随之改变。当排版必须精确时，请在排版软件里做字，再单独导出码。

导出为 PDF 的卡片会被压平成页面上的一张高分辨率图像——由照片构成的版面不可能是别的样子——而 Mosaqo 在 A4 上的渲染精度远高于 300 dpi，所以无论如何都可以直接付印。以图形身份抵达页面的，只有裸码，不论它是 SVG 还是 PDF。

• 二维码矩阵：矢量图形
• 上传的照片、标志与贴纸：嵌入的位图
• 文字：活的文字，所以要么随附字体，要么在排版软件里做字

04

PNG 与 PDF 导出各自的用处

屏幕、邮件与幻灯片，PNG 是对的答案——这些地方只放一次，而且尺寸你已经知道。导出时给足大小，之后绝不再放大。

PDF 是同一份图形落在页面上：码被画出来而不是被光栅化，居中放在 A4 上，可以直接打印，也可以就这样交给别人。它同样没有分辨率，所以放大页面只会放大码，不会让任何一条边变软。当码要进入别人掌控的版面、以只有他们知道的尺寸出现时，请改送 SVG。

05

改色与摆放这个文件

因为文件本身是文本，颜色不必打开设计软件就能改：模块的填充是你选的前景色，背景矩形是背景色。请保持惯常的方向——浅底深模块。反色的码有不少扫码器能读，但不是全部，这让它在任何印刷品上都成了一次赌博。

摆放文件时，让静区保持干净，并抵住那些会让边缘变软的效果：投影、混合模式、压在繁复画面上的透明度。站在照片上的码之所以失败，和一个糊掉的码是同一个道理。

06

测试你导出的文件，而不是预览图

打开导出的 SVG，按最终尺寸放进真正的版面，在真实纸张上印一张，然后用两部不同的手机，在读者实际会拿着它的距离上，在这个位置真实拥有的光线下扫一扫。

编辑器在你工作时就会检查对比度、静区与数据密度，这些检查能在付印之前拦下大部分问题。它们看不见的是上光、折页，以及房间里的光。