AI绘画矢量图怎么出?SVG转换实测
简单说:AI图转矢量要先把图压成线稿再矢量化。线稿走ControlNet canny提取最干净,矢量用Vectorizer.ai转曲线率最高,想免费就用Potrace凑合。
搞ai绘画矢量图的朋友应该都卡在同一处——AI出的是位图,放大就糊。说实话,我第一次想把AI图做成可缩放矢量也懵了,直接转全是噪点。后来我摸出来,先压成线稿再矢量化这条路最稳。这篇就讲到底怎么把AI图变成干净SVG,少走弯路。
为什么AI图不能直接转SVG?
AI出的是光栅位图,每像素都有颜色信息,直接矢量化会把噪点也转成曲线,文件膨胀几十倍还全是毛刺。我实测过,一张1024的AI图直接丢进Vectorizer.ai转,出来SVG有8MB,打开卡死。根本原因是位图没有明确的边缘边界。
矢量图的本质是数学曲线。位图要变矢量,得先找到边界。AI图的渐变和噪点让边界糊成一片,转出来就是一堆碎曲线。我个人觉得,这步省不了——必须先把图压成干净的线稿,让边界清晰,矢量转换才有意义。
如果你对矢量概念还迷糊,AI矢量绘画的SVG风格完整生成指南那篇讲过基础,建议先扫一眼再往下看。
线稿怎么提取最干净?
用ControlNet的canny预处理器提取线稿最干净,阈值设低点保细节,输出后再用PS去杂线,比直接灰度转换效果好一截。我对比过三种提取方式。第一是直接灰度反相,噪点全留。第二是用PS的查找边缘滤镜,线条断断续续。第三是ControlNet canny,最连贯。
canny的处理我固定两个参数。低阈值50,高阈值150。低阈值别开太低,开了杂线爆增。高阈值150能保住主轮廓。跑完导出PNG,再用PS的魔棒清理零散杂线,大概留主线条。
这一步是整个流程的关键。线稿不干净,后面矢量转换全是垃圾。我之前偷懒跳过这步,转出来的SVG打开满屏毛刺,文件还巨大。说真的,这步多花十分钟,后面省一小时。
Vectorizer.ai和Potrace怎么选?
Vectorizer.ai转曲线率最高、最干净,但免费额度有限;Potrace免费开源但只支持黑白,复杂图转出来生硬。我拿同一张线稿分别测了两个工具。Vectorizer.ai转出来的SVG曲线平滑,节点少,约2KB一张。Potrace转出来节点多,曲线有锯齿,约5KB。
差距在颜色处理。Vectorizer能保留多色,Potrace只能黑白二值。你要做彩色矢量Logo必须用Vectorizer或者它的同类。根据Wikipedia对Potrace的介绍,Potrace的核心是专门为黑白位图设计的位图追踪算法,所以彩图它搞不定。
我个人用下来,日常线稿用Potrace够,要发商用或印刷必须Vectorizer。Vectorizer的免费额度我记得是一天几张,超了要付费。批量转的话,得算下成本。找工具时可以先翻翻AI绘画网站清单,里面收录了不少转换工具和图站,省得自己挨个搜。
转换参数怎么调曲线最顺滑?
转曲线时颜色层次设4到8层,路径精度调到中档,容差0.5到1.0,这组能把文件大小和细节平衡住,膨胀控制在3倍以内。颜色层次决定保留多少色阶。开太少颜色断层,开太多文件爆炸。我试过开16层,一张图转出来SVG有20MB,没必要。
路径精度我一般选中档。高档细节多但节点翻倍,低档线条死板。容差0.5到1.0是我反复试出来的,低于0.5会保留噪点曲线,高于1.0主轮廓会变形。这组参数我跑了大概二十张图验证过,基本稳。
说个翻车事。我第一次把容差开到3.0想压文件大小,结果一个圆形Logo转成了八边形,甲方当场退稿。容差这参数,宁可大文件也别开太大,细节丢了没法补。矢量转换原理在Hugging Face上能找到相关开源工具说明,感兴趣的可以深挖。
转完怎么修曲线和上色?
转完用Illustrator或Inkscape的平滑工具走一遍节点,删掉冗余锚点,再按色板重新上色,SVG才算能用。转出来直接用不行。节点又多又乱,曲线接缝处常有尖角。我固定流程是先平滑再删点再上色。
平滑工具走一遍能去掉三分之一的冗余节点。删锚点手动来,专挑那些三个点挤一起的删。上色要按你的最终色板,别用转换自动带的颜色,那些色值经常不准。我通常把SVG转完导进Inkscape手动上色,免费又够用。
这步最费时。一张图我大概要修半小时到一小时。说实话,矢量化的体力活全在这步,前面转换反而是秒出的。想省事的话,简单几何图可以跳过,复杂插画老老实实修。
我踩过的坑和避坑清单
最大的坑是没提取线稿就直接转,文件膨胀到几十MB还全是毛刺,先压线稿是铁律。那次翻车我记忆深刻。我以为新工具强,直接把彩色AI图丢进去,结果出来SVG打开卡死,重做。
其他坑也提一下。第一,背景不透明就转,边缘会有白边,转前先抠图去背景。第二,渐变色转出来常成阶梯断层,要么手动补要么接受。第三,文字转曲线后别再编辑,会变一堆碎路径。我个人觉得,带文字的图最好文字部分单独矢量重做,别依赖自动转换。刚接触AI绘画没基础的话,先过一遍AI绘画小白入门路径,把出图和控图能力练扎实,再谈矢量转换才不会一头雾水。
还有个冷门坑。SVG里嵌的位图滤镜,有些浏览器不认。转完检查一遍,把不认的滤镜删了或者转成路径。Stability AI的模型出图风格偏写实,写实图转矢量最难,线稿风的图反而好转,选图时就心里有数。
常见问题
AI图转SVG文件太大怎么办?
先压成线稿再转,颜色层次开4到8层,路径精度选中档。文件还大就删冗余节点,能压到原来的三分之一。
免费转矢量哪个工具好?
黑白线稿用Potrace免费够用,彩色图或者要商用就得Vectorizer.ai,虽然要付费但曲线质量明显高一截。
转出来的曲线有锯齿怎么修?
用Inkscape或Illustrator的平滑工具走一遍节点,删掉挤在一起的锚点,接缝处的尖角手动调一下控制柄就顺了。
写实风格的AI图能转矢量吗?
能转但效果差。写实图渐变多噪点多,转出来全是碎路径。建议选线稿风或者扁平风的图转,或者先压成线稿再处理。
觉得有用的话分享给朋友吧。