颜色数
允许描摹器使用多少个调色板条目，也是影响最大的一个设置。8 是下限：再低，彩色图形就会出现肉眼可见的失真。我们的实测中，同一个扁平 logo 在 8 色时误差为 2.1，4 色时涨到 15.1，2 色时高达 56.9。而 8 以上曲线很快就平了，所以默认值定在 16，32 是留给精细插画的，并不是「推荐拉满」的意思。
工具 PNG 转 SVG
工具
当前工具: PNG 转 SVG
PNG 转 SVG 转换器 - 把图片描摹成矢量路径
把扁平 logo、图标或线稿变成与分辨率无关的 SVG。描摹在当前标签页本地完成，文件不会离开你的设备。
- 不上传、不注册
- 输出可继续编辑的矢量图
- 转换前先告诉你适不适合描摹
PNG 转 SVG 到底做了什么
PNG 存的是一格一格的像素，SVG 存的是形状 —— 由坐标和曲线描述的填充轮廓。所以 PNG 转 SVG 并不像 PNG 转 JPG 那样只是换个格式：像素网格里根本没有记录一个形状在哪里结束、下一个从哪里开始。转换器必须自己推断出来，办法是把颜色相近的像素归成区域，再沿着每个区域画一圈轮廓。这个推断过程叫描摹，也叫矢量化，它成不成功几乎完全取决于图里画的是什么。
成功的时候，结果比你手上的原文件更好。轮廓与分辨率无关，同一份素材在名片、网页页头和印刷横幅上都一样锐利，而扁平图形往往还比位图原图更小。我们自己的实测里，一个 2.3 KB 的 logo 变成了 0.5 KB 的 SVG，只由两条路径构成，在正常观看尺寸下与原图的差别看不出来。
失败的时候，败得一点也不含蓄。照片没有任何可以归并的平坦区域：每个像素都与邻居略有不同，于是描摹器会产出上千条细碎路径，加起来比原来的 JPEG 还重好几倍，看上去却像一张画砸了的水彩。所以这个转换器会先检查图片，在你花时间调参数之前就告诉你属于哪种情况。
哪些图片转 SVG 效果好
这是实测出来的，不是拍脑袋。每张测试图先描摹，再把得到的 SVG 按原尺寸栅格化回位图，然后逐像素与原图比对。误差越小，说明矢量图越接近原图。
| 扁平 logo，纯色不多 | 2.3 KB 的 PNG 变成 0.5 KB、2 条路径的 SVG；误差 2.1 | 最理想的情况。用「扁平图形」的 16 色即可。 |
|---|---|---|
| 图标或象形符号 | 只有寥寥几条路径，远小于 1 KB | 同样理想。用「极简」能拿到最小文件，且看不出损失。 |
| 线稿或手写签名 | 描摹得很干净；单色输入下颜色数带不来可测量的差别 | 用「极简」—— 多给的颜色只增加体积，在这里毫无帮助。 |
| 带透明背景的徽章或印章 | 1.1 KB，透明区域完整保留；误差 6.8 | 效果不错。颜色数保持 8 或以上，否则色调会偏。 |
| 含文字的界面截图 | 面板和按钮描得不错，但每个字母都会碎成好几条路径 | 图形部分可用。文字请在设计工具里重新排一遍。 |
| 照片 | 会量化出成千上万种颜色；SVG 比 PNG 还大好几倍 | 不适合。保留位图，或者改用压缩更合适。 |
工具会在你自己的图片上自动跑一遍这个检查，并在 PNG 转 SVG 真正开始之前给出结论，让你提前知道，而不是下载完才发现拿到一个没法用的文件。
每个设置各自管什么
一次 PNG 转 SVG 的描摹开放了四个设置，但它们的重要性并不对等：其中一个决定结果质量，其余属于微调。
丢弃细碎图形
把面积小于某个阈值的路径直接扔掉，用来清理抗锯齿边缘留下的碎点。在真实素材上，我们几乎测不出最低值与最高值之间的差别，所以它是一个高级选项，而不是预设会去改的参数。如果描摹结果发麻发花，就把它调高。
曲线容差
描出的轮廓允许偏离像素边缘多远。容差放宽，曲线更少更顺、文件更小；容差收紧，则会亦步亦趋地跟着原图的每一级台阶走，包括那些锯齿。预设会把它和颜色数一起设定好。
预模糊
在描摹之前先把图片柔化一点。对有噪点的扫描件有用，能避免描摹器把胶片颗粒或 JPEG 压缩痕迹变成几百条路径。素材本身就干净的话，保持 0 即可。
怎么把 PNG 转成 SVG
全部过程都在当前这个标签页里完成。没有任何内容被上传，这一点对尚未发布的品牌素材、以及任何受保密协议约束的文件都很关键。
- 把 PNG 拖到工具上，或者从设备里选一张。JPG、WebP、GIF 同样接受。
- 看一眼适用性结论。「很适合描摹」意味着这是能描得很干净的扁平图形；「不适合描摹」意味着这张图偏照片，转出来的 SVG 会比原图更大、还原度更低。
- 选一个细节程度，或者展开高级设置，自己控制颜色数、细碎图形丢弃、曲线容差和预模糊。
- 点「转换为 SVG」，把描摹结果和原图预览对照着看。
- 下载 SVG。它就是普通的标记文本，可以用 Figma、Illustrator、Inkscape 或任意文本编辑器打开。
什么情况下 PNG 转出来会不好看
照片是最明显的失败案例，这一点值得直说，因为相当多的 PNG 转 SVG 尝试恰恰用错了文件。描摹的原理是寻找同一种颜色的区域，而照片里一个这样的区域也没有：风景照里的天空看着均匀，实际上包含几百种细微不同的蓝，描摹器会一丝不苟地把每一种都勾出轮廓。结果就是文件极其庞大、渲染缓慢，而且明显比照片本身还难看。如果你要的是更小的照片，那就去压缩它，不要拿去矢量化。
文字是第二个常见的失望来源。字形会被描成形状而不是文字，所以结果既不能选中、也搜不到，更不能再当作字体去改。小号文字还要更糟，因为抗锯齿会把描摹器所需要的那条边界糊掉，每个字母都会碎成好几条互相重叠的路径。如果 logo 里含有文字部分，诚实的做法是只在这里描摹图形符号，文字则回到设计工具里用真正的字体重新排。
柔和渐变和投影处在两者之间。它们转换起来不会报错，但平滑的渐变会变成一叠平色色带 —— 就是你把一张照片压到十六色时会看到的那种断层。这有时是种好看的效果，有时则直接毁掉设计，所以请按原尺寸看预览，不要只盯着文件体积下判断。
最后，任何描摹器都无法还原源图本来就没有的细节。从网页上扒下来的 64 像素 logo，描出来只会是它自己坑坑洼洼的近似版本，因为那些坑洼确实就是像素所表达的内容。请从你能找到的最大、最干净的副本开始 —— 用原始导出而不是截图，用 PNG 而不是 JPG，因为 JPEG 压缩会引入自己的块状边缘，而描摹器会一本正经地把它们也变成路径。
常见问题
转出来的 SVG 还能继续编辑吗？
可以。输出的是由填充路径构成的标准 SVG 标记，能用 Figma、Illustrator、Inkscape 以及任意代码编辑器打开。你可以单独给某条路径改色、删掉它，或者整体缩放而不损失任何画质。
SVG 会比 PNG 更小吗？
扁平图形通常会，而且往往小得很明显 —— 我们测试里一个 2.3 KB 的 logo 描摹后只有 0.5 KB。照片则相反：SVG 可能比原图大好几倍，这也正是适用性检查所依据的信号之一。
我的图片会被上传到服务器吗？
不会。描摹器是以 WebAssembly 和 JavaScript 的形式在这个页面内部、在一个后台 worker 里运行的。你的文件不会被发送到任何地方，因此尚未发布的 logo 和客户稿件都可以放心处理。
照片可以转成 SVG 吗？
技术上可以，但结果几乎必然比照片本身更差：会产出上千条路径、文件大得多，观感上还会出现色彩断层。工具会在转换之前就把偏照片的图片标出来，所以这个结果不会让你意外。
为什么我图片里的文字转歪了？
因为描摹把字形看作形状而不是文字。小号或经过抗锯齿的字体，每个字符都会碎成多条路径。建议只在这里描摹图形元素，文字回到设计工具里用真字体重新排一遍。
这和人工重新描一遍有什么区别？
人工重描会用尽可能少的干净曲线、配上正确的字体来重建整个设计。描摹则是跟着像素走，因此锚点更多，而且会继承源图里的一切模糊。对简单的扁平 logo，两者差别往往看不出来；但对复杂或低分辨率的标识，人工重描仍然更好。
支持转换哪些文件格式？
PNG、JPG、WebP、GIF 都接受，因为图片会先由浏览器解码再交给描摹器。其中 PNG 是最好的起点，因为它没有压缩痕迹，不会被描摹器误当成细节。
透明背景会被保留吗？
会。透明区域在 SVG 里仍然是透明的，所以描摹出来的徽章或贴纸放在任何背景色上都能正确显示。
相关工具
🔒 我们重视你的隐私
你的照片不会被上传，所有图片编辑都在你的浏览器中安全完成。100% 本地处理，完全保护隐私。