跳到主要内容

PNG 转 SVG

把 PNG 描成 SVG 路径。默认按标志处理,也可以改成线稿或插画。图片留在浏览器里。

两种方向一起处理用SVG 转换器。描完可以编辑 SVG,把 SVG 导出为 PNG,或用图片格式转换处理其他位图。

预设

颜色

颜色数量:12

细节

一次一张,不超过 8 MB。描摹前长边缩到 1024 像素以内,透明区域保持透明。这一版没有照片预设。图里的字会变成路径。

PNG 转 SVG 是什么?

这个页面把一张 PNG 描摹成 SVG 路径。适合标志、图标、线稿和扁平插画。处理在浏览器里完成,图片不会上传。

默认预设是标志。也可以改成线稿或插画,并在彩色和黑白之间切换。彩色时颜色数量是 2 到 32。细节分低、中、高。描摹前长边会缩到 1024 像素以内,避免照片级分辨率生成过大的路径文件。

适合什么时候用

  • 只有一份 PNG 标志,需要能放大的矢量
  • 线稿或图标要变成路径,方便再上色
  • 扁平插画要导出 SVG,但不需要逐层手工描

描完要改路径,用 SVG 编辑器。要把 SVG 再画成透明 PNG,用 SVG 转 PNG。已经是位图、只想换 JPG 或 WebP,用 图片格式转换。

边界

  • 只收 PNG。一次一张,不超过 8 MB。透明像素保持透明,不会先铺白底。PNG 的透明通道见 W3C PNG 规范。
  • 预览把清洗后的 SVG 放进 blob URL,再用 <img> 显示。按 MDN 对 img 元素的说明,这样使用的 SVG 不会执行脚本。
  • 图里的字会变成路径,不能再改字体。照片不在这一版的预设里。
  • 描摹实现基于 VTracer。若主描摹器起不来,会改用兼容模式,路径会更粗。

参考资料