图片转 SVG - 图片工具 · 萤炬工具箱

图片转 SVG 把位图描摹成矢量路径，支持 PNG、JPG、WebP、GIF、BMP 输入，可调颜色数、路径精度和降噪强度三个参数。矢量化后能任意放大不失真，适合把扫描的线稿、简单 logo、图标转成可缩放可改色的 SVG。注意它是算法描摹而非还原设计源文件，颜色层次复杂的照片不适合。支持输入：PNG、JPG、Web…

图片转 SVG 把位图描摹成矢量路径，支持 PNG、JPG、WebP、GIF、BMP 输入，可调颜色数、路径精度和降噪强度三个参数。矢量化后能任意放大不失真，适合把扫描的线稿、简单 logo、图标转成可缩放可改色的 SVG。注意它是算法描摹而非还原设计源文件，颜色层次复杂的照片不适合。

使用步骤

1. 上传位图，线条清晰、颜色数少的图效果最好。
2. 设颜色数：logo 类几种颜色即可，插画类适当放宽。
3. 调路径精度（越高越贴合原图但文件更大）与降噪（去掉零碎杂色块）。
4. 预览矢量结果后导出 SVG。

功能与限制

• 支持输入：PNG、JPG、WebP、GIF、BMP。
• 可调参数：颜色数、路径精度、降噪强度。
• 算法描摹，适合线稿与 logo；照片类效果差且文件臃肿。
• 全程浏览器本地处理。

常见问题

照片能转成 SVG 吗？

技术上能，实际不该这么用。照片有成千上万种颜色渐变，描摹会产生海量路径，SVG 文件比原图大得多还失真严重。SVG 适合线稿、logo、图标这类色块分明的图形。

三个参数怎么配合调？

先定颜色数（决定色块层次），再调降噪去掉碎块，最后用路径精度换取贴合度与文件体积的平衡。转 logo 通常是低颜色数 + 高降噪 + 中高精度。

转出来的 SVG 能像原生矢量图一样改颜色吗？

可以改。描摹结果是一组带 fill 属性的路径，在编辑器或代码里改 fill 就能换色。但路径是算法生成的，不像设计师手绘的图层那样结构清晰、便于单独编辑某个元素。

为什么导出的 SVG 比原 PNG 还大？

路径精度太高或颜色数太多，生成了过量路径点。降低精度、减少颜色数、加大降噪都能显著瘦身。