AnyToSVG
免费 · 无需注册 · 不上传图片

PNG转SVG在线工具
PNG转矢量图,免费,浏览器本地运行

拖入PNG,大约一秒就能得到清晰、可无限缩放的SVG矢量图。透明背景原样保留,颜色自动识别,整个描摹过程都在你自己的电脑上完成。

< 1 s
通常的描摹用时
0
字节被上传
$0
无积分、无水印

把图片拖到这里

PNG,也支持JPG、GIF、WebP、BMP,最大20 MB

选择图片

或按Ctrl+V粘贴

试试示例: Logo 线稿 剪贴画
浏览器本地运行
Potrace编译为WebAssembly,无需上传
免费,无需账号
无积分、无水印、无次数限制
彩色或黑白
真正的SVG渐变,一键透明背景
输出干净的SVG
每种填充一条路径,坐标与原图像素一致,哪里都能打开

为什么选PNG

PNG是最适合交给描摹工具的位图

无损像素、真正的透明通道、没有压缩噪点。

PNG会把每个像素原样保存。没有JPG的方块,没有边缘的振铃杂纹,也没有颜色偏移,所以描摹时看到的,就是设计师当初画出的那条清晰边界。这就是为什么PNG格式的Logo或图标,转成SVG后往往在任何尺寸下都和原图几乎看不出差别;也是别人给你发来JPG时,你应该先让对方再给一份PNG的原因。

PNG还带有真正的透明通道。如果你的PNG背景本来就是透明的,AnyToSVG会把不透明度低于50 %的像素当作空白:这些位置不会被描摹,生成的SVG自然也是透明背景,不用多做一步。如果PNG是纯色背景,勾选透明背景即可:与图片边缘相连的那种颜色会被去掉,而图稿内部被包围的同色区域会保留。

输出的是标准SVG:每种颜色一条<path>路径;平滑过渡的区域会生成真正的<linearGradient>或<radialGradient>渐变填充;viewBox采用原图像素尺寸;除此之外什么都没有,没有分组、没有元数据、也没有嵌入位图。它可以在Illustrator、Inkscape、CorelDRAW、Affinity、Figma、各类刻字机软件以及所有浏览器中正常打开。

适合转什么

Logo、图标、剪贴画、文字、线稿

纯色块、边缘清晰的图几乎可以完美描摹,照片则会变成海报效果。

由纯色块组成的PNG,比如Logo、图标、贴纸设计、卡通形象、二维码、扫描的签名,会变成小巧干净的SVG:通常只有2到8种颜色,几KB大小,每种颜色对应一个可编辑的图形。平滑的明暗过渡(光晕、双色条纹、渐变背景)会在统计颜色之前先被识别出来,并写成真正的SVG渐变,所以不会像大多数描摹工具那样碎成一层一层的色带。

照片类PNG,比如照片截图、3D渲染图,同样可以转换,但描摹会把它压缩成有限数量的色块。结果是风格化的海报效果,最多32种颜色再加渐变,而不是照片级的还原。这种效果适合做模板、丝网印刷和插画风格,但不是无损放大照片的办法。位图与矢量图教程里有详细的效果说明。

特别小的PNG(网站图标、64像素的图标、很小的网页素材),在计算矢量图之前会先用适合描摹的滤波方式放大两到三倍,曲线会更圆润;不过512像素的原图始终比64像素的效果好。如果你能在网页上右键点击Logo、在新标签页中打开图片,往往会发现原图比页面上显示的更大。

刻字机与雕刻

PNG转SVG用于刻字机、切割机和激光雕刻

切割文件需要闭合的图形,不能有重叠,也不能有渐变。

Cricut、Silhouette、LightBurn等软件以及大多数激光雕刻机、刻字(切割)机都能直接导入SVG,把PNG描摹成SVG是把图案送进这些设备的常规做法。下面三个设置,决定了你得到的是能直接切的文件,还是要重新描一遍的文件:

  • 勾选透明背景,这样机器不会把背景矩形当成要切割的图形。
  • 关闭识别渐变。切割机本来就不看填充色,纯色描摹能让每种颜色只有一条干净的轮廓。
  • 在高级选项里把颜色图层改成镂空。默认的“叠加”会让每种颜色向相邻颜色下方多铺一个像素(屏幕上看不到发丝般的缝隙);“镂空”则让每种颜色恰好只占自己的区域,刀头不会把同一条边切两遍。

颜色数量在图稿允许的范围内尽量少,因为每种颜色就是一个切割图层;再适当调高去除杂点,去掉小到没法清理的碎片。把文件送去机器之前,可以参考Logo转SVG教程,放大检查边缘。

使用方法

PNG图片怎么转成SVG

只有三步,第二步还可以跳过。没有繁琐的向导,不用选模型,也没有积分计数。

查看图文教程
  1. 空白的转换器:大块拖放区、“选择图片”按钮和三张示例图
    01

    拖入图片

    把图片拖到页面上、从电脑里选择,或按Ctrl+V粘贴,马上开始分析和描摹。彩色还是黑白、该用几种颜色、阈值多少,都会自动识别。

  2. 设置面板:模式切换、颜色数滑块、识别出的色块和“透明背景”复选框
    02

    看预览,需要再调整

    拖动原图和SVG之间的分隔线对比,放大看边缘。可以改颜色数、隐藏某种颜色、把背景变透明,每次修改都在不到一秒内重新描摹。

  3. 结果面板:SVG大小、图形数和“下载SVG”按钮
    03

    下载SVG

    保存SVG文件、复制SVG代码,或导出2倍、4倍大小的PNG。坐标与原图像素一致,每种填充一条路径,文件里没有多余内容。

小技巧

让PNG转SVG的效果更干净

01

保留透明通道

导出PNG时保留透明背景,不要合并到白底上;这样SVG完全不需要再去背景。

02

越大越好,最多2048 px

1000像素的PNG描摹出来明显比200像素的干净。超过2048像素的图会先缩小,不会有损失。

03

颜色数交给自动识别

颜色数量是从图片本身读出来的。只有在缺了某种颜色时才需要调高;调低则是得到更小更干净文件的最快办法。

04

扫描件和签名用黑白模式

签名、印章和线稿用黑白模式描摹效果最好:只有一条路径,背景透明,阈值可调。

05

放大到400%检查边缘

在预览里滚轮放大,再拖动分隔线对比。边缘毛糙说明原图太小或噪点太多,先降噪加上调高去除杂点就能解决大部分问题。

06

精确的品牌色

每个SVG填充色是所属像素的平均值。想要精确的十六进制色值,可以用任何文本编辑器修改每种颜色对应的那个fill属性。

常见问题

PNG转SVG常见问题

这里是简短回答;完整的常见问题还讲了格式、画质设置、照片和隐私。

PNG怎么免费转成SVG?

把PNG拖到本页(或者打开转换器选择文件),一秒内就会在浏览器里完成描摹;看一下预览,点下载SVG即可。不用注册账号,没有积分制度,没有水印,转换文件的数量也不受限制。

转换后的SVG会保留PNG的透明背景吗?

会。PNG里的透明像素不会被描摹,所以SVG在同样的位置也是透明的。如果你的PNG是纯色背景,勾选透明背景,图稿外围的那种颜色会被去掉,被包围的同色区域则保留。

我的PNG会被上传到服务器吗?

不会。整个转换过程,包括颜色分析、渐变识别和Potrace描摹,都通过WebAssembly在你的浏览器里运行。文件只在本地读取,不会发往任何地方,详见隐私政策。

PNG照片能转成SVG吗?

可以,但描摹会把照片变成海报效果:最多32种纯色,加上平滑区域的渐变。那是一种风格化的插画,而不是无损放大。Logo、图标、剪贴画和线稿才是PNG转SVG的强项。

PNG和SVG有什么区别?

PNG是固定尺寸的像素网格,放大后边缘会模糊。SVG则用数学曲线描述图形,在任何尺寸下都锐利清晰,Logo和图标的体积通常小得多,还能在矢量编辑软件里逐个图形修改。PNG转SVG,就是根据像素把这些图形重新构建出来。PNG和SVG的区别一文做了更详细的对比。

生成的SVG能用在刻字机软件里吗?

可以。勾选透明背景,关闭识别渐变,再把颜色图层设为镂空,让每种颜色恰好是它自己的图形,然后像平常一样把SVG导入软件。每种颜色都会成为一个单独的图层。

PNG最大可以多大?

最大20 MB。图片最长边最多按2048像素描摹,更大的会先缩小,不影响图形形状。小图在描摹前会自动放大。

现在就把PNG图片转成SVG

免费、在浏览器里运行,无需安装,不上传图片。大约一秒,SVG就会和原图并排显示。

打开转换器