保留透明通道
导出PNG时保留透明背景,不要合并到白底上;这样SVG完全不需要再去背景。
为什么选PNG
无损像素、真正的透明通道、没有压缩噪点。
PNG会把每个像素原样保存。没有JPG的方块,没有边缘的振铃杂纹,也没有颜色偏移,所以描摹时看到的,就是设计师当初画出的那条清晰边界。这就是为什么PNG格式的Logo或图标,转成SVG后往往在任何尺寸下都和原图几乎看不出差别;也是别人给你发来JPG时,你应该先让对方再给一份PNG的原因。
PNG还带有真正的透明通道。如果你的PNG背景本来就是透明的,AnyToSVG会把不透明度低于50 %的像素当作空白:这些位置不会被描摹,生成的SVG自然也是透明背景,不用多做一步。如果PNG是纯色背景,勾选透明背景即可:与图片边缘相连的那种颜色会被去掉,而图稿内部被包围的同色区域会保留。
输出的是标准SVG:每种颜色一条<path>路径;平滑过渡的区域会生成真正的<linearGradient>或<radialGradient>渐变填充;viewBox采用原图像素尺寸;除此之外什么都没有,没有分组、没有元数据、也没有嵌入位图。它可以在Illustrator、Inkscape、CorelDRAW、Affinity、Figma、各类刻字机软件以及所有浏览器中正常打开。
适合转什么
纯色块、边缘清晰的图几乎可以完美描摹,照片则会变成海报效果。
由纯色块组成的PNG,比如Logo、图标、贴纸设计、卡通形象、二维码、扫描的签名,会变成小巧干净的SVG:通常只有2到8种颜色,几KB大小,每种颜色对应一个可编辑的图形。平滑的明暗过渡(光晕、双色条纹、渐变背景)会在统计颜色之前先被识别出来,并写成真正的SVG渐变,所以不会像大多数描摹工具那样碎成一层一层的色带。
照片类PNG,比如照片截图、3D渲染图,同样可以转换,但描摹会把它压缩成有限数量的色块。结果是风格化的海报效果,最多32种颜色再加渐变,而不是照片级的还原。这种效果适合做模板、丝网印刷和插画风格,但不是无损放大照片的办法。位图与矢量图教程里有详细的效果说明。
特别小的PNG(网站图标、64像素的图标、很小的网页素材),在计算矢量图之前会先用适合描摹的滤波方式放大两到三倍,曲线会更圆润;不过512像素的原图始终比64像素的效果好。如果你能在网页上右键点击Logo、在新标签页中打开图片,往往会发现原图比页面上显示的更大。
刻字机与雕刻
切割文件需要闭合的图形,不能有重叠,也不能有渐变。
Cricut、Silhouette、LightBurn等软件以及大多数激光雕刻机、刻字(切割)机都能直接导入SVG,把PNG描摹成SVG是把图案送进这些设备的常规做法。下面三个设置,决定了你得到的是能直接切的文件,还是要重新描一遍的文件:
颜色数量在图稿允许的范围内尽量少,因为每种颜色就是一个切割图层;再适当调高去除杂点,去掉小到没法清理的碎片。把文件送去机器之前,可以参考Logo转SVG教程,放大检查边缘。
使用方法
只有三步,第二步还可以跳过。没有繁琐的向导,不用选模型,也没有积分计数。
把图片拖到页面上、从电脑里选择,或按Ctrl+V粘贴,马上开始分析和描摹。彩色还是黑白、该用几种颜色、阈值多少,都会自动识别。
拖动原图和SVG之间的分隔线对比,放大看边缘。可以改颜色数、隐藏某种颜色、把背景变透明,每次修改都在不到一秒内重新描摹。
保存SVG文件、复制SVG代码,或导出2倍、4倍大小的PNG。坐标与原图像素一致,每种填充一条路径,文件里没有多余内容。
小技巧
导出PNG时保留透明背景,不要合并到白底上;这样SVG完全不需要再去背景。
1000像素的PNG描摹出来明显比200像素的干净。超过2048像素的图会先缩小,不会有损失。
颜色数量是从图片本身读出来的。只有在缺了某种颜色时才需要调高;调低则是得到更小更干净文件的最快办法。
签名、印章和线稿用黑白模式描摹效果最好:只有一条路径,背景透明,阈值可调。
在预览里滚轮放大,再拖动分隔线对比。边缘毛糙说明原图太小或噪点太多,先降噪加上调高去除杂点就能解决大部分问题。
每个SVG填充色是所属像素的平均值。想要精确的十六进制色值,可以用任何文本编辑器修改每种颜色对应的那个fill属性。
把PNG拖到本页(或者打开转换器选择文件),一秒内就会在浏览器里完成描摹;看一下预览,点下载SVG即可。不用注册账号,没有积分制度,没有水印,转换文件的数量也不受限制。
会。PNG里的透明像素不会被描摹,所以SVG在同样的位置也是透明的。如果你的PNG是纯色背景,勾选透明背景,图稿外围的那种颜色会被去掉,被包围的同色区域则保留。
不会。整个转换过程,包括颜色分析、渐变识别和Potrace描摹,都通过WebAssembly在你的浏览器里运行。文件只在本地读取,不会发往任何地方,详见隐私政策。
可以,但描摹会把照片变成海报效果:最多32种纯色,加上平滑区域的渐变。那是一种风格化的插画,而不是无损放大。Logo、图标、剪贴画和线稿才是PNG转SVG的强项。
PNG是固定尺寸的像素网格,放大后边缘会模糊。SVG则用数学曲线描述图形,在任何尺寸下都锐利清晰,Logo和图标的体积通常小得多,还能在矢量编辑软件里逐个图形修改。PNG转SVG,就是根据像素把这些图形重新构建出来。PNG和SVG的区别一文做了更详细的对比。
可以。勾选透明背景,关闭识别渐变,再把颜色图层设为镂空,让每种颜色恰好是它自己的图形,然后像平常一样把SVG导入软件。每种颜色都会成为一个单独的图层。
最大20 MB。图片最长边最多按2048像素描摹,更大的会先缩小,不影响图形形状。小图在描摹前会自动放大。
更多转换器
同一个引擎、同样的隐私保护,每种输入格式一个页面,方便你收藏常用的那个。
免费、在浏览器里运行,无需安装,不上传图片。大约一秒,SVG就会和原图并排显示。