PNG 转 SVG
在浏览器中把 PNG、JPG、WebP 图片转为真正的矢量 SVG 路径。可选择颜色数、细节和曲线平滑度,也可按黑白描摹。
PNG 是像素网格,SVG 描述的是形状,所以它可以放大到任意尺寸而不模糊,还能在 Illustrator、Inkscape 或 Figma 中编辑。本转换器会把您的图片描摹成真正的矢量路径(每种颜色一条),并可控制颜色数量、细节程度和曲线平滑度。全部在浏览器中运行,不会上传任何内容。
使用方法
- 选择一张 PNG、JPG、WebP 或 AVIF 图片:标志、图标、扁平插画和签名效果最好。
- 选择彩色模式和颜色数量(从 8 开始比较合适),或者对线稿选择黑白模式并设置阈值。
- 选择细节程度以及是否平滑曲线;想得到透明的结果,请勾选“忽略白色背景”。
- 点击转换,查看预览,然后下载 .svg 文件或复制其代码。
计算公式
1. 缩小到最大 1000 px。2. 减少到 N 种颜色(中位切分,再用 k-均值优化)。3. 用 Marching Squares 描摹每个颜色图层。4. 用 Ramer–Douglas–Peucker 简化轮廓(高/中/低的容差为 0.6 / 1 / 1.6 px)。5. 可选:把 Catmull-Rom 曲线拟合为三次贝塞尔曲线。
图层按颜色面积从大到小依次叠放,每个图层都向上方图层的下面延伸,因此相邻颜色之间不会出现发丝般的缝隙。坐标会缩放回原始尺寸。
示例
一张 1200 × 500 px 的签名扫描件,用黑白模式、阈值 128 转换,得到 2 条路径(黑色墨迹和白色纸张),以 1000 × 417 px 描摹,viewBox 为 0 0 1200 500。勾选“忽略白色背景”后只剩 1 条路径,即透明背景上的墨迹。
常见问题
为什么我的照片看起来像海报?
矢量描摹会把相近的像素变成平整的色块。照片有数百万种色调,几种颜色无法还原;请提高颜色数量和细节,或者把照片保留为 JPG。
结果是真正的矢量图吗?
是的。SVG 中只有带填充色的 path 元素,没有嵌入的位图,可以自由缩放和编辑。
透明度会怎样处理?
透明度超过一半的像素会被留空,所以透明 PNG 上的标志仍然是透明的。
我的图片会被上传吗?
不会。描摹代码在您的浏览器中运行。
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/png-to-svg-converter/
引用此工具
kakaoCalc. (2026, November 8). PNG 转 SVG. https://kakao.mobile/zh/tools/png-to-svg-converter/
“PNG 转 SVG.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/png-to-svg-converter/.