PNG 转 SVG 转换器

转换并不是简单地把 PNG 塞进 SVG 容器——它会分析图像、找出颜色相近的区域，把它们的轮廓描述成数学路径。一个清爽的两色图标可能描摹成十几个干净的形状；一张渐变丰富的插画则可能产生几百个，因为每个色带都会变成自己的一条路径。

这也是为什么源图片在这里比在多数转换里更重要。一张 512×512、只有三四种纯色的 logo，能描摹成一份通常不到 10 KB 的整洁 SVG，放大到任何尺寸都不会出现一处模糊边缘。同样的过程用在一张 300 KB 的照片上，会产生可能达到几百 KB 路径数据的 SVG，看起来却仍然像一张被海报化、块状化的近似图。

SVG 描摹是为 logo、图标和线条画这类世界设计的，那里的图像本质上是数量不多、边界清晰的纯色——正是基于路径的格式能高效描述的内容。照片则相反：数百万种颜色的连续渐变，没有可以描摹的硬边缘，所以算法只能用有限的调色板和形状去近似它，这正是照片描摹后会显得海报化、卡通感很重的原因。

如果源 PNG 本身带有柔和的抗锯齿边缘——截图和渲染图形里很常见——这些边缘会被简化成更干净但不那么精确的轮廓。对 logo 来说，这通常看起来还不错，甚至更锐利；对精细的插画来说，细节的形状可能会明显改变。

对 SVG 适合的那类图形，体积上的优势又实在又可观：一个 15 KB 的纯色 PNG 图标，描摹成 SVG 能降到 2–3 KB，因为几条路径指令替代了整张像素网格。这对每个页面都要加载的网站图标集很有意义，几十个小图各省几 KB 累积起来就很可观。

对任何照片类内容，描摹都是省体积的错误工具——一张 PNG 或 JPG 在体积和准确度上，永远会比试图用形状近似它的 SVG 更好。

描摹全程在你浏览器里完成，一个 logo 或设计素材在你确定结果是否够好之前，不会离开你的设备。因为输出是真正的 SVG，你还会得到 PNG 从来给不了的东西：一份可编辑的文件，里面每个描摹出的形状都是独立、可选中的路径，可以逐个改颜色，而不用逐像素处理。