如何将图标矢量化

这里的大敌是抗锯齿。在 32 像素的图标上，每条斜边两侧的柔和灰色像素占了画面的很大比例，矢量化引擎无从知道它们本该是一条硬边，而不是真实的中间色调。换成 512 像素的版本，同一条边只是一像素的过渡，周围是四十九个干净的像素——形状一目了然。

如果图标是单色的，转换前就把它做成真正的单色：透明底上的纯黑，或白底上的纯黑，不带柔和投影，也不带若有若无的内发光。每一种效果都会变成输出里的形状，而输出里的形状就是你要逐一查找、删除的节点。

在你看的那个尺寸下，几乎任何描摹结果都不难看。真正要紧的检验是节点数：打开路径，数一数锚点。画得好的图标只在曲线真正改变方向的地方有点——圆角方形八个，圆形四个，V 形三个或六个。如果一个简单形状转出来带着六十个点，说明矢量化引擎在追逐像素噪点，这个形状会渲染慢、难编辑，放大后还会透出说不出的别扭。

Lite 及以上套餐的细节控制直接决定这一点：细节越低，合并越激进，节点更少更干净。把细节往下调，直到圆角刚开始变软，再回调一档。Free 套餐的档位是自动选择的，想影响它，只能提高源图质量。

图标套件有网格——通常是带两像素安全边距的 24×24，密集界面则是 16×16。描摹出来的路径落在像素所在的位置，接近网格但不正好在网格上，而在小尺寸渲染下，“接近”正是让一排图标里某个看起来比邻居重半像素的原因。

在编辑器里把完成的路径吸附到整数坐标，并把 SVG 的 viewBox 设为你的网格尺寸。第一次做会觉得繁琐，之后就是机械操作，而这一步正是“看起来经过设计”的图标套件和“看起来转出来的”图标套件之间的分水岭。

如果你要重建整套图标，就用一次批量转换全部处理，让它们走完全相同的设置，然后手动统一整套的笔画粗细。一套图标之所以看起来是一套，是因为笔画互相匹配；分几次单独描摹的一组图标匹配不上，即使单个图标都挑不出毛病，不一致也看得出来。

批量转换从 Pro 套餐开始，一次 30 个文件。更低的套餐只能逐个转换，对一套二十个的图标来说，无非是多点几分钟鼠标，不算什么障碍。