PNG 转 SVG

把 PNG 描摹成真正的矢量图，放到多大都清晰。免费、不用注册、不加水印，图片全程不离开你的浏览器。

把 PNG 拖到这里，或点击选择

也支持 JPG 和 WebP · 最大 20 MB

100% 在浏览器内
不上传、免注册
无需账号
质量可调

最适合 logo、图标和线稿。照片也能描摹，但建议先看看会变成什么样。看看各类图片会变成什么样

为什么要把 PNG 转成 SVG

PNG 是一格一格的像素。放大到超过它本身的尺寸，你看到的就是这些格子：边缘先变糊，再变成锯齿，谁都没办法 —— 因为那些细节从来就不在文件里。SVG 是一组用数学描述的形状，要多大就现画多大。把它放到广告牌上，曲线依然是曲线。

这才是真正需要它的理由。一个只有 512 像素的 PNG logo，放在网页上够用，做横幅、车身贴或者上绣花机就完全不行。同一个 logo 做成 SVG，一个文件就能应付所有这些尺寸。

矢量图还能以像素做不到的方式编辑。用 Figma、Illustrator 或 Inkscape 打开一个 SVG，你可以给某个形状换色、挪动一个拐角，或者把某个元素单独拎出来。甚至可以在文本编辑器里手改颜色 —— 因为 SVG 本身就是文本。

而且对于纯色平面图，文件通常还会变小。我们实测中一个简单的 logo 从 4 KB 的 PNG 变成了 2 KB 的 SVG —— 体积减半，而且任意分辨率都清晰。这是最理想的情况，这个页面会很具体地告诉你，什么时候你属于这种情况。

描摹到底做了什么

描摹是去看你图片里颜色在哪里发生变化，然后沿着这些边界画出轮廓。它并不能还原设计师画过的那些形状 —— 它画的是贴着像素走的新形状。

这个区别是位图转矢量里最值得弄明白的一件事，而我们看过的转换工具没有一个解释它。

设计师做 logo 时，起点是形状：一个圆、一个三角、一个带控制点的字形。导出成 PNG 就把这一切都丢掉了，只留下一格格彩色方块。描摹没办法把它们找回来。描摹做的是：沿着这些彩色方块的边缘走一圈，在那里铺一条路径 —— 一个碰巧长得像原来那个的新形状。

多数时候这完全够用，对纯色平面图甚至非常接近原样。但这解释了这个页面上其余所有事情。它解释了为什么结果能干净地放大：现在它真的是一条路径了。它解释了为什么这些路径不是原来的形状，所以一个有一百条路径的 SVG 并不好编辑。它也解释了照片为什么会出问题：照片没有干净的颜色边界可循，于是描摹器自己造出了成千上万条。

它还解释了一个让很多人意外的结果：描摹并不会自动让文件变小。一条路径的字节数和它有多少个点成正比。一个 logo 会变成四条简单路径，体积缩小。一张带文字的截图会变成一百条紧贴着每个抗锯齿字母边缘的路径，体积反而涨 —— 我们实测中一张 4 KB 的截图变成了 19 KB 的 SVG，而且看上去一模一样。

所以这个工具会在你下载任何东西之前，把结果和两个文件大小都摆给你看。数字就在那儿：4 KB → 19 KB。这笔交换划不划算，取决于你要拿这个文件做什么 —— 那是你该判断的事，不是我们该藏着的事。

描摹沿着像素的边缘走。它画的是一条新轮廓 —— 不是把设计师画过的形状找回来。

怎么把 PNG 转成 SVG

四步，全部在这个浏览器标签页里完成。全程没有任何东西被上传。

把图片拖进来

PNG、JPG 或 WebP，最大 20 MB。我们在本地读取并看一眼：它用了多少种颜色、有多大面积是纯色、有没有透明区域。

看看我们判断得对不对

我们会判断它是 logo、线稿还是照片，并配上相应的初始参数。判断结果会显示出来，一点就能改；它只决定起点。

开始描摹

描摹在后台线程里跑，页面不会卡住，进度条反映的是真实进度。大图要几秒钟，随时可以取消。

对比，然后下载

结果就放在原图旁边，两边都能放大到 4 倍或 8 倍，看看边缘撑不撑得住。转换前后的文件大小明明白白写着。满意就下载 —— 或者改个参数再描一次。

要反过来？如果你手上是 SVG，想要一张 PNG，那是反方向的活儿，而且简单得多 —— 转回去是不会有损失的.

这个转换器能做什么

它在你的浏览器里把 PNG、JPG 和 WebP 描摹成 SVG，在你决定之前先让你看到结果，而且不问你要任何回报。没有账号，不要邮箱，没有每日额度，不加水印，也不用排队。这个搜索词下排名靠前的工具里，有一个把上传限制在 4 MB，另一个让免费用户排在付费用户后面。

它会告诉你拿到的是什么。两个文件大小、形状数量、颜色数量，还有一个能放大到 8 倍的并排对比。我们见过的其他转换器都是直接给你一个下载，让你事后自己发现。

参数是解释过的，不只是摆出来。有个竞品给了九个描摹参数，却对每个是干什么的只字不提；我们给三个，每个都附一句话说明它会让文件变大还是变小。

它知道自己不擅长什么。当一张图看起来像照片，页面会在你按下任何按钮之前就说出来，解释描摹会把它变成什么样，并指给你一个大概更合适的工具。你仍然可以继续 —— 图是你的。

描摹跑在后台线程里，所以哪怕是 1200 万像素的照片，页面也照样能响应，而且描得久了你可以取消，不必干等。

透明会保留。透明背景的 logo 出来还是透明背景，不会悄悄多出一个白色矩形。

大家拿它来做：

把 logo 放大用于印刷、招牌或车身贴
把一个干净的形状拿进 Figma、Illustrator 或 Inkscape
刻字机和激光切割机，它们需要矢量路径
绣花和刻字膜
在任何屏幕像素密度下都要清晰的图标
给纯色平面图换色，不必重画
把扫描的草图变成能编辑的线稿

什么设备上都能用

它在浏览器里运行，所以没什么要安装的，各个平台之间也没有差别。

§ 01

Windows

Chrome、Edge 和 Firefox 都能用。不用装什么，事后也不用卸载什么。

§ 02

Mac

Safari、Chrome 和 Firefox 都能用。SVG 可以直接用预览、Figma 或 Illustrator 打开。

§ 03

iPhone 和 iPad

从「照片」或「文件」里选一张图。大图在手机上会慢一点，但页面不会卡住。

§ 04

Android

从相册或任何文件管理器都能选。描摹跑在你的设备上，不在服务器上。

§ 05

Linux

Firefox 和 Chromium 都能用。结果可以直接用 Inkscape 打开。

§ 06

Chromebook

在浏览器里本地运行 —— 反正在 Chromebook 上，本来也只有浏览器里能跑东西。

你这张图能转好吗？

这个问题决定了描摹值不值得做，而没人回答它。所以我们量了：把每一类图都描摹一遍，再把 SVG 渲染回位图，跟原图逐像素比对。下面是实测结果，不是估计。

把每一类图都描摹一遍、渲染回位图、再和原图比对，量出来的结果。

图片类型	明显变样的像素	文件大小	值得吗？
Logo 或图标 —— 纯色块、边缘利落	0.6%	只有一半	值，很明显
线稿 —— 白底黑线	3.2%	略大一点	通常值
带文字的截图	0.9%	大 4.5 倍	看着没问题，代价不小
照片	25.6%	一点没变小	很少值

为什么照片是唯一没有好答案的情况

再看一遍照片那一行：四分之一的像素明显变了样，而文件完全没有缩小。这还是默认设置。你往两边调，两边都更糟。要求更少的颜色，文件减半 —— 但现在有 44% 的像素是错的。再往下压到两种颜色，你得到原来五分之一的体积，代价是 86% 的像素都变了，那已经不是你的照片，而是一张剪影。不存在哪个设置能让照片既忠实又更小。质量和体积在这里是对着拉的，而且谁都赢不了。你想要更小的照片，用高效的位图格式才是正经做法；你想要一张能放大的照片，这里什么都给不了你 —— 那些细节本来就不在位图里。

一张截图描摹出的 SVG 看上去一模一样 —— 却占了四倍半的空间。

任何工具描出来的 SVG，你都能这样判断

打开它，放大到 400%。纯色平面图依然利落，因为边缘现在真的是曲线。如果你看到的是一堆只有在小尺寸下才像原图的纯色斑块，那说明描摹在近似一个它跟不住的东西 —— 这没有哪个转换器能修好，因为问题出在图片本身，不在软件。然后再把文件大小和原图比一比。如果它涨了好几倍，而你要的只是一个更小的文件，那这次转换是在帮倒忙。

你的图片不会离开浏览器

描摹发生在你自己的设备上。你的图片在本地读取，在这个标签页的后台线程里描摹，再直接交还给你。它从不上传，所以服务器上没有副本，也就没有什么东西需要在八小时后或二十四小时后删除 —— 那些删除承诺之所以存在，是因为文件一开始就被收走了。

这个搜索词下排名最前的四个转换器都是反过来的：你的图片送到他们的服务器，在那里处理，按他们的时间表删除。对于一个你还在改的 logo，或者一份签了保密协议的客户素材，这是个你大概不愿意稀里糊涂做出的决定。

你操作期间也不会向网络请求任何东西。描摹的代码是这个页面的一部分，在你第一次转换时加载一次。

§ 01

不上传

图片在你的设备上描摹。

§ 02

不要账号

不用注册，不要邮箱，没有每日额度。

§ 03

不加水印

SVG 是你的，干干净净。

§ 04

不留副本

没有什么要保存，因为什么都没送到。

常见问题

这个 PNG 转 SVG 的工具免费吗？⌄

免费，而且没有瞒着你的地方。没有账号，不要邮箱，没有每日上限，不加水印，也不用排队。这值得一提，因为在这个搜索词下这并不是常态：有个常用工具把每个文件限制在 4 MB，另一个在大任务上让免费用户排在付费用户后面。

我需要上传图片吗？⌄

不需要。你的图片在你自己的设备上、在这个浏览器标签页里读取和描摹。它不会被送到任何地方，所以服务器上不存任何东西，也就没有什么保留期限需要你操心。

我的照片能转好吗？⌄

通常不能，这一点我们宁愿一开始就说。我们量过：默认设置下描摹一张照片，大约四分之一的像素会和原图明显不同 —— 而且文件一点都不会变小。减少颜色能让文件变小，但误差会超过 40%。不存在哪个设置能让照片既忠实又更小：照片没有干净的颜色边界让描摹器跟随。如果你要的就是那种风格化的、像海报一样的效果，那当然可以做 —— 这是个完全正当的需求。

为什么我的 SVG 比 PNG 还大？⌄

因为矢量文件的字节数是按点算的，不是按像素算的。如果你的图里有很多细碎或柔和的边缘 —— 带文字的截图、照片、任何做过抗锯齿的东西 —— 描摹器会画出极多的小路径去跟随它们，加起来就很可观。我们实测中一张 4 KB 的截图变成了 19 KB 的 SVG，看上去一模一样。纯色 logo 则相反，体积会减半。这就是为什么下载前两个大小都摆出来给你看。

这能把我的 PNG 变回可编辑的设计稿吗？⌄

不能，至少不是人们通常期待的那样。描摹是沿着你图片里的颜色边界画新轮廓；它不会还原原来的图层、可编辑的文字，或者设计师画的那些形状。你得到的是真正的矢量路径，能干净地放大、能换色，但一个描摹出来的 logo 是一堆轮廓，不是被重建出来的 logo。如果图里的文字很重要：它会变成形状，不能再当文字编辑。

哪种图片效果最好？⌄

边界清楚的纯色平面图：logo、图标、符号、简单插画，以及黑白线稿。矢量格式当初就是为这些而生的，它们描摹出来几乎和原图一致，而且通常比原文件更小。你的图越像是画出来的、越不像是拍出来的，这件事就越顺利。

转完之后能在 Figma 或 Illustrator 里编辑吗？⌄

能 —— 输出的是标准 SVG，路径也很普通，Figma、Illustrator、Inkscape、Sketch 以及任何能读这个格式的软件都能打开。编辑起来舒不舒服，取决于我们随结果显示的形状数量：几条路径很好摆弄，几百条就不行了。我们把这个数字显示出来，也有这个原因。

透明背景会保留吗？⌄

会。透明背景的 PNG 出来就是透明背景的 SVG。也有一个设置可以把背景保留成一个填充形状，如果你更想要那样的话 —— 对 logo 默认关闭，对照片默认打开。

JPG 或者 WebP 也能转吗？⌄

能。这个工具接受 PNG、JPG 和 WebP，解码之后一视同仁。不过要记得，JPG 正是照片通常的格式，而照片恰恰是描摹效果差的那一类 —— 问题不在格式，在内容。

为什么要等几秒钟？⌄

因为这些活儿是在你的设备上干的，不在服务器上。耗时随像素数增长：小 logo 几乎瞬间完成，600 万像素的照片要两秒左右，1200 万像素的更久。它跑在后台线程里，页面不会卡住，描得久了你也可以取消，不必干等。

有大小限制吗？⌄

每张图 20 MB，这远超任何 logo 所需，对多数照片也够用。转多少张不限，也没有每日上限。

怎么把 SVG 转回 PNG？⌄

那是反方向的活儿，而且简单得多 —— 从矢量到像素是精确的，因为你是在选尺寸，而不是去猜被丢掉的细节。站内暂时还没有这个工具；目前任何浏览器都能做到：打开 SVG，按你要的尺寸截个图就行。

把你的图片描摹成矢量图

下载前先看到结果和真实文件大小。免费、不限次数，而且绝不会离开你的浏览器。

把 PNG 转成 SVG