先问有没有原始矢量文件
如果Logo曾经设计过,AI、EPS、PDF或SVG文件肯定在某个地方。描摹是找不到原稿时才用的办法。
位图与矢量图
像素本身没有形状,矢量化工具得把形状找出来。
位图(栅格图)指PNG、JPG、GIF、BMP、截图、扫描件,它们是由彩色小点组成的网格。把它放大,小点也跟着变大,这就是小Logo被拉伸到横幅上时看到的模糊。矢量图描述的则是形状:这条轮廓填这种颜色,那条曲线填那种渐变。因为形状是数学描述,所以矢量图在任何尺寸下都锐利,从网站图标到户外广告牌都行,而且文件通常小得多。
从位图转成矢量图叫做描摹(也叫矢量化、位图转矢量图)。AnyToSVG分四步完成,全部在你的浏览器里:先找出平滑明暗的区域,并用线性或径向的颜色模型逐个拟合;再把剩下的像素归并成图稿真正用到的那几种颜色;然后清理抗锯齿产生的光晕和杂点;最后把每种颜色对应的一张蒙版交给Potrace,也就是Inkscape里「临摹位图」背后的描摹器,它会给每条轮廓拟合平滑的贝塞尔曲线。位图与矢量图教程有图文说明。
结果是SVG,所有设计软件、浏览器、刻字机和印刷厂都能读取的矢量格式。每种颜色一条<path>路径,明暗过渡区域用真正的渐变,坐标采用原图像素尺寸,文件里没有别的东西。
适合矢量化什么
预期实在一点,能省去重画的功夫。
纯色块图稿,比如Logo、图标、剪贴画、卡通形象、文字、印章、剪影、二维码和示意图,矢量化后几乎完美。一个Logo通常变成2到8个图形、几KB大小,在任何尺寸下都和原图没有区别。人们说的“Logo转矢量图”通常就是这种情况,Logo转SVG页面讲了针对Logo的设置,自动识别也正是针对它调校的。
线稿、扫描件和签名用黑白模式矢量化效果最好:工具会算出区分墨迹和纸张的阈值,把比它更暗的部分描摹成透明背景上的一条路径。可以调整阈值来捕捉淡淡的线条,也可以调大去除杂点去掉纸张颗粒。
有明暗的图稿,比如有光泽的图标、渐变背景、双色丝带,是大多数矢量化工具会碎成一级一级色带的地方。AnyToSVG会在颜色量化之前先检测平滑明暗的区域,并把每一块写成真正的<linearGradient>或<radialGradient>:一个图形,没有色带,在Illustrator、Inkscape或Figma里就像其他渐变一样可以编辑。
照片矢量化后会变成风格化的插画:最多32种纯色,再加上柔和光线区域的渐变。皮肤变成几种色调,头发变成剪影,纹理消失。这正适合做模板、丝网印刷分色、波普风格的人像和激光雕刻,但完全不适合“把照片放大”,那需要的是AI放大工具,而不是矢量化工具。
AI生成的图片和其他位图没有区别。扁平的贴纸风格效果好,写实的风格会变成海报。AI图片转SVG讲了怎样写提示词,才能得到描摹器好用的图。
输出格式
所有矢量编辑软件都能在矢量格式之间无损转换。
矢量化后得到的是SVG,另外还可以导出由矢量图按1倍、2倍或4倍渲染的PNG,以及复制到剪贴板的SVG代码。如果印刷厂、刺绣打版或数控程序要求别的矢量格式,用矢量编辑软件打开SVG,再“另存为”即可:
这些都是矢量到矢量的转换,途中不会有任何损失;真正影响质量的只有描摹这一步,而这一步你可以在下载前于预览里检查。
使用方法
只有三步,第二步还可以跳过。没有繁琐的向导,不用选模型,也没有积分计数。
把图片拖到页面上、从电脑里选择,或按Ctrl+V粘贴,马上开始分析和描摹。彩色还是黑白、该用几种颜色、阈值多少,都会自动识别。
拖动原图和SVG之间的分隔线对比,放大看边缘。可以改颜色数、隐藏某种颜色、把背景变透明,每次修改都在不到一秒内重新描摹。
保存SVG文件、复制SVG代码,或导出2倍、4倍大小的PNG。坐标与原图像素一致,每种填充一条路径,文件里没有多余内容。
小技巧
如果Logo曾经设计过,AI、EPS、PDF或SVG文件肯定在某个地方。描摹是找不到原稿时才用的办法。
1000像素带透明背景的PNG最理想。小的JPG也行,但曲线会更圆一些,也需要稍微修整。
自动识别会从图片里读出颜色数。把它调到设计真正用到的数量,是最有效的一项调整。
一条路径、透明背景、阈值可调。纸张有颗粒就把“去除杂点”调大。
关闭“识别渐变”是纯粹的模板效果,开启则是更平滑的海报效果。
滚轮缩放,拖动原图和矢量图之间的分隔线。你看到的,就是SVG里的内容。
把图片拖到本页,或者打开转换器选择文件,一秒内就会在浏览器里完成分析和描摹;看一下预览,需要的话调整颜色数或背景,然后下载SVG。不用账号,没有积分制度,没有水印。
位图(栅格图)保存的是固定的像素网格,放大会模糊。矢量图把形状保存为曲线,在任何尺寸下都清晰。矢量化就是根据像素重新构建这些形状,参见位图与矢量图教程。
可以,但结果是风格化的海报,最多32种纯色,加上柔和光线区域的真渐变,而不是更清晰的照片。它很适合做模板、丝网印刷、波普风格人像和雕刻。
找到你能找到的最大的Logo PNG或JPG,拖进来,让自动识别选好颜色数,勾选透明背景,然后下载SVG。Logo转SVG教程讲了原图选择、颜色数、边缘处理,以及印刷前如何检查结果。
直接得到SVG。EPS、PDF、AI和DXF在Inkscape(免费)、Illustrator、Affinity Designer或CorelDRAW里“另存为”一下就行,这些转换都是无损的。
对于常见的情况,是的。和Inkscape的「临摹位图」(Trace Bitmap)一样,它基于Potrace;不同的是,它不用安装,会替你选好模式、颜色数和阈值,并且在统计颜色之前先识别平滑渐变,把它们写成真正的SVG渐变。如果你已经在用Illustrator,它的「图像描摹」(Image Trace)可以手动调的参数更多。结果是普通的SVG,两个软件都能打开。
不会。PNG、JPG、GIF、WebP和BMP文件完全在你的浏览器里解码和描摹。只有TIFF、PSD、HEIC和PDF这类浏览器打不开的格式,才会在我们的服务器内存里转成PNG并立刻丢弃。详见隐私政策。
基于AI的矢量化工具在服务器上运行,需要上传图片和注册账号,输出完整尺寸的图片通常还要按张收费。AnyToSVG使用经典的描摹器(Potrace),再加上自己的颜色和渐变分析,在你的浏览器里不到一秒就能完成,而且免费。对于纯色块图稿,两者的效果相当;对于照片,两者得到的都是风格化的插画。
更多转换器
同一个引擎、同样的隐私保护,每种输入格式一个页面,方便你收藏常用的那个。
免费、在浏览器里运行,无需安装,不上传图片。大约一秒,SVG就会和原图并排显示。