PNG转SVG
几秒即可搞定

AI驱动描摹,专业的PNG转SVG工具。 免费、不限次数、无水印。

拖入图片,或点击上传

JPG • PNG • WEBP • BMP • TIFF • GIF • 最大10 MB

无需信用卡 • 转换次数不限

完全免费

文件不留存

即时出结果

无需注册

10M+|永久免费
三步完成

使用方法

上传、调整、下载,无需账号。

01

上传

拖入不超过10 MB的图片,或点击选择文件。几秒后即可看到预览。

02

调整

先选一个预设,如“标志与图标”“照片”或“黑白”,再微调细节、颜色和转角,预览会实时更新。

03

下载

预览满意后,下载SVG。文件可直接使用,不带水印。

PNG与SVG简介

PNG是位图格式:由固定的像素网格组成,无损压缩,还可带有表示透明度的Alpha通道。把PNG放大到超过原始尺寸,边缘就会变得模糊、出现马赛克,因为根本没有多余的像素可显示。

SVG用路径在一个小文本文件里描述形状,因此在任何尺寸下都保持清晰,还能在Figma、Illustrator、Inkscape中或用CSS重新着色。转换PNG时,会把颜色相近的区域描摹成这些路径。它只是重新绘制图中已有的内容,不会凭空增加原本没有的细节。

PNG变成SVG后,透明度会怎样

Alpha通道为每个像素存储透明程度,从完全透明到完全不透明。SVG没有像素可以承载这个值,所以描摹器会逐个区域判断:是绘制形状,还是留空。了解它的判断方式,就能解释大多数让人意外的结果。

完全透明的区域保持为空

PNG完全透明的地方不会绘制任何形状。透明背景上的标志,转换后仍是透明背景上的标志,可以放在任何颜色或照片上。

半透明像素变为实色

每个描摹出的形状只有一个不透明的填充色。柔和的投影、发光和半透明叠加层会变成实色形状,往往比原来看起来更深。转换前先把它们去掉,或在描摹后于调色板中隐藏它们的颜色。

柔和边缘可能留下杂边

抗锯齿的边缘像素是部分透明的,其中一些会被描摹成色调略有差异的细条。放大查看轮廓。如果出现杂边,可在调色板中隐藏该颜色,或把“细节”滑块向“更简洁”拖动。

白色背景不等于透明

如果PNG有纯白或其他颜色的背景,这个背景会和其他部分一样被描摹成形状。描摹前请在编辑器中使用“去除背景”,或在描摹后于调色板中隐藏背景色。

截图,以及Canva和Figma导出的图

大多数人想转成矢量图的PNG,原本就不是用PNG绘制的。它们是屏幕截图,或是设计工具的导出文件,每种来源都会在图像上留下各自的痕迹。

截图

屏幕上的文字和图标经过抗锯齿平滑处理,所以小号文字会被描摹成圆乎乎的团块。截图前先放大页面或应用,再裁剪出需要的图形,不要描摹整个窗口。

Canva下载

Canva能否下载透明背景的PNG,取决于你的套餐。如果你可以使用SVG下载选项,请优先使用:设计会以矢量形式导出,无需描摹。

Figma导出

Figma可以把任意画框或图层导出为SVG,完整保留原始矢量形状。只有在源文件已丢失时才需要描摹PNG;如果可以,请使用2倍或3倍导出,边缘会更干净。

小尺寸导出

以16或32像素导出的图标,每条曲线上的像素太少,描摹会沿着像素的台阶走。转换前请重新导出可用的最大尺寸。

PNG-8与PNG-24:为什么色深很重要

PNG-8存储最多256种颜色的调色板,每个像素指向其中一种。PNG-24存储每个像素的完整颜色,带Alpha通道时常被称为PNG-32。大多数设计工具默认保存为PNG-24;PNG-8通常来自优化工具和早期的网页图形。

纯色的PNG-8标志只会被描摹成少量干净的形状,因为需要区分的颜色很少。而由照片或渐变生成的PNG-8则不同:缺失的色调通常用抖动来模拟,也就是一种点状图案,描摹器会把它变成一簇簇细小的形状。PNG-24保留了平滑的边缘和渐变;想要更简单的SVG时,用“标志与图标”预设或“颜色”滑块可以把它们合并成纯色区域。

哪些PNG图片转换效果好

适合转换

  • 以透明背景导出的标志和图标
  • 轮廓清晰的贴纸、剪贴画和扁平插画
  • 签名、手写字和线稿
  • 从幻灯片或电子表格导出的图表和示意图
  • 用于切割机的设计,它们需要路径而不是像素(参见如何制作Cricut用的SVG文件)

不太适合

  • 保存为PNG的照片,会被描摹成成千上万个小色块
  • 带小字的整页截图
  • 必须原样保留柔和阴影、发光或渐变的作品
  • 只有16到32像素的图标

如果你使用Adobe Illustrator,其中的“图像描摹”功能能完成同样的工作,并可手动控制每项设置。我们的在Illustrator中将PNG转换为SVG指南介绍了关键的设置。

PNG转SVG常见问题

会保留透明背景吗?

会。PNG中完全透明的区域不会生成形状,所以SVG的背景也是透明的。半透明像素,例如柔和的阴影和发光,会被描摹成实色形状。

为什么我的SVG有白色背景?

因为PNG本身是纯白背景而不是透明背景,它会和其他颜色一样被描摹。描摹前请使用“去除背景”,或在调色板中隐藏白色以去掉这些形状。

为什么标志边缘有细条?

它们来自抗锯齿的边缘像素,这些像素是部分透明的,颜色也略有不同。可在调色板中隐藏多余的颜色,或把“细节”滑块向“更简洁”拖动。

可以把截图转成SVG吗?

可以,但请先把它裁剪到需要的图形。屏幕上的小字会被抗锯齿模糊,描摹效果不好,所以尽量在更高的缩放级别下截图。

PNG-8和PNG-24哪个转换效果更好?

纯色的PNG-8能干净地描摹成少量形状。如果PNG-8版本带有抖动,就最好用PNG-24,因为抖动的点会变成一簇簇细小的形状。

SVG会比PNG小吗?

标志、图标和纯色作品通常会更小,照片则往往更大。上传文件最大10 MB,长边超过4096像素的图片会在描摹前缩小。

马上开始把PNG转成SVG

免费、快速、无需注册。

10M+

已转换

50K+

用户