矢量化这件事,以前是手工活:对着位图一个锚点一个锚点地描。现在模型可以出初稿,人的工作从「描」变成「修」。
差别在于,修得动和修不动,是两种完全不同的结果。
三个档次的输出
市面上的矢量化结果大致分三档,看用途选:
| 档次 | 输出形态 | 适用场景 |
|---|---|---|
| 轮廓描摹 | 单层路径,颜色靠多个闭合形状堆叠 | 快速转换,只求形似 |
| 语义分层 | 按元素拆开,前后景分开 | 需要局部改色或替换 |
| 可编辑路径组 | 路径规整、锚点精简、命名可读 | 进入设计系统长期维护 |
第三档才是真正能用的。前两档看着像矢量,实际改一刀就散。
评测维度
判断一个矢量化方案好不好,我只看四个数:
- 路径数量。同样图形,路径越少越接近人工绘制。
- 锚点冗余。一条直线用八个锚点是明显的算法痕迹。
- 颜色层数。颜色层数爆炸通常意味着渐变处理失败。
- 可编辑性。能不能单独选中某个元素并移动。
前三个是可以自动统计的,第四个必须人工试。把生成的 SVG 拖进设计工具,试着改一个颜色、挪一个部件——五分钟就能判断这套结果能不能用。
什么时候够用
扁平图标、单色标志、简单插画,这三种已经够用。它们的共同特征是边缘清晰、渐变少、结构简单。
什么时候不够
- 复杂渐变。矢量里的渐变本身可控,但算法很难判断哪里该用渐变、哪里该用色块。
- 纹理与噪点。位图纹理强行转矢量,会生成大量细碎路径,文件体积反而更大。
- 带文字的图形。文字边缘一旦被转成路径,就失去了可编辑性。
第三点最坑。很多图标里含文字,转完之后既不能改字,也不能保证不同尺寸下的清晰度。
流程
- 1预处理提高对比度、清理噪点,明确透明区域
- 2自动描摹用模型生成初稿,同时输出分层结果
- 3结构整理合并冗余路径,简化锚点,统一命名
- 4人工校正修正曲线走向、对齐关键点、处理文字区域
- 5入库校验在多尺寸下渲染检查,确认无锯齿与断线
第二、三步是可以自动化的,第四步目前无法省掉。整体能省掉的时间大约在手工描点的六成到八成之间,取决于图形复杂度。
结论
AI 矢量化现在的定位是「出初稿 + 结构整理」,不是「一键交付」。把它当加速器用,收益稳定;把它当替代品用,返工量会吃掉全部节省。
文件体积这个坑
矢量化常被默认成「更小」,实际不一定。位图纹理和噪点被转成矢量后,会生成成千上万条细碎路径,SVG 体积可能是原图的数倍,渲染开销也更高。
判断方法很直接:转换后对比文件体积,并在目标设备上测一次渲染耗时。如果体积涨了而清晰度没有实际提升,说明这张图本来就不适合矢量化。
适合矢量化的是结构清晰、颜色少、需要缩放的图形,不是像素多的图形。
再补一个判断:如果一张图转换后只打算用一次,人工描点往往更快;矢量化真正的价值出现在同一个图形需要复用于多个尺寸和多个场景的时候。用的次数越多,越值得投入。
免责声明:本文为技术方法讨论,所述判断基于个人实践与公开资料,不构成任何产品或采购建议。