PNG 转 SVG 转换器

把 PNG 或 JPG 变成可无限缩放的 SVG 图形，颜色和细节由你来选。描摹在你的浏览器中运行，图片不会离开你的设备。

图片在你的设备上、在这个标签页的后台解码和描摹，绝不会被上传。SVG 也是在这里生成的，在你下载或复制它之前，它不会去往任何地方。

用 SVG 优化工具压缩文件

关于 PNG 转 SVG 转换器

PNG 转 SVG 转换器把位图变成可无限缩放的矢量图形。它先把图片缩减为你选择的颜色数量，找出每个颜色区域的起止位置，再把每个区域重新绘制成平滑的路径，所以 Logo 或图标在任何尺寸下都保持清晰。针对 Logo、图标、插画、照片和黑白线稿的预设会给出合理的初始值，滑块则可以调节颜色、细节、去除杂点和模糊。只是混合了两种相邻颜色的像素会归入其中一个区域，所以纯色 Logo 转出来的颜色恰好就是它自己的颜色。透明区域可以保持透明；大图会先缩小后再描摹，而 SVG 仍保持原始尺寸。所有这些都在你的设备上完成。

功能特性

• 针对 Logo、图标、插画、照片和黑白线稿的预设，每个都是可以继续调整的起点
• 从像素本身挑选 2 到 64 种颜色，所以纯色 Logo 能保持它自己的颜色
• 「Detail」滑块可从粗略平滑调到精细准确，另有去除杂点和模糊，用来处理有噪点或 JPG 来源的图片
• 透明区域保持透明，你也可以选择用白色填充
• 可拖动的前后对比分隔线，支持 200% 和 400% 缩放，也可并排查看，方便检查边缘
• 描摹在后台运行并显示已用时间，修改任何设置都会取消仍在运行的描摹
• SVG 保持原始尺寸和匹配的 viewBox，可按 ×1 或 ×2 打开
• 显示路径数量、文件大小和所用颜色，超过 1 MB 时给出提醒，并可下载或复制 SVG 代码

如何使用 PNG 转 SVG 转换器

1. 拖入 PNG、JPG、WebP、GIF 或 BMP 图片，或者从剪贴板粘贴图片
2. 选择最接近你这张图片的预设，然后调整颜色、细节、去除杂点和模糊
3. 在预览上拖动分隔线，并放大查看边缘和小细节
4. 下载 .svg 文件，或复制 SVG 代码

示例

输入

logo.png — 640 × 640 px, 41 KB
Preset: Logo / flat colours (6 colours, detail 60%, remove specks 8 px)

输出

logo.svg — 640 × 640 px
6 colours · 14 paths · 8.2 KB
Traced in 0.4 s

一个纯色 Logo 会变成寥寥几个图形，同一个文件无论是作为网站图标显示，还是印在广告牌上，都能保持清晰。

常见错误与故障排除

• 图形的边缘坑坑洼洼，或者转角变圆了。 — 描摹出的边缘最多只能和它来源的像素一样干净。请使用你手头最大的那个版本的图片，然后把「Detail」设在 60% 到 80% 之间试试：数值越低越平滑，越高则越贴合每一级像素台阶。
• SVG 有好几兆，打开很慢。 — 照片和较多的颜色数量需要成千上万个小图形。请降低「Colours」，把「Detail」往「Coarse」一侧调，把「Remove specks」提高到 15 px 或更多，或者加一点「Blur」。
• 相邻图形之间出现了细线。 — 请打开「Outline shapes」。它会用每个图形自己的颜色描出它的边缘，除「Black & white」外，其他预设中它都是开启的。
• 透明的背景变成了白色。 — 「Keep transparent areas」开关只有在图片带有透明区域时才会出现，请确认它已打开。JPG 没有可保留的透明区域，所以它的背景会被当作一种颜色来描摹。

常见问题

为什么 PNG 转 SVG 转换器是重新绘制图片，而不是精确转换？

PNG 存储的是由彩色像素组成的网格，而 SVG 存储的是图形和曲线，所以没有一种无损的方式能把其中一种变成另一种。这个工具会找出每个颜色区域的起止位置，并为它绘制一个图形。边缘变成平滑的曲线，细小的纹理被简化，渐变变成一条条纯色色带，这就是 Logo 和线稿能描摹得很好，而照片会变得风格化的原因。

怎样用 PNG 转 SVG 转换器从 Logo 得到最干净的 SVG？

从 Logo 最大、对比度最高的版本入手，并选择「Logo」预设。把「Colours」设为它实际拥有的纯色数量；工具使用的颜色绝不会超过图片本身包含的颜色。把「Remove specks」保持在 8 px 或更高，以吸收零散的像素；如果来源是 JPG，就加一点「Blur」；下载前用 400% 的缩放检查边缘。

PNG 转 SVG 转换器里的「Colours」和「Detail」滑块有什么作用？

「Colours」是 SVG 最多可以使用的颜色数，范围从 2 到 64。「Detail」决定曲线贴合像素边缘的紧密程度：往「Coarse」一侧调，轮廓更少、更平滑，也更松散一些；往「Fine」一侧调，轮廓会贴合每一级台阶，文件也会变大。「Remove specks」会把轮廓很短的图形合并到相邻的图形中，「Blur」则在选择颜色之前先平滑掉噪点。

PNG 转 SVG 转换器能把照片矢量化吗？

可以，但得到的是一张由纯色图形组成的、色调分离的风格化照片，而且因为需要成千上万个图形，文件会很大。「Detailed photo」预设是最忠实的起点。想要更小的文件，可以降低颜色数或提高「Remove specks」；如果你只是需要照片看起来像照片，请把它保留为 JPG 或 WebP。

用 PNG 转 SVG 转换器描摹图片时，我的图片会被上传吗？

不会。图片在你的设备上解码和描摹，它的像素和生成的 SVG 都不会被发送到任何地方。大图在描摹时会被缩小到长边 1200 像素，以便在几秒内完成，而 SVG 仍保持原始尺寸。

怎样在 Figma、Inkscape 或 Illustrator 中打开并编辑 PNG 转 SVG 转换器生成的 SVG？

下载 .svg 文件，拖进应用里，或者使用它的「打开」或「导入」命令。每个图形都是一条普通的填充路径，颜色直接设在它身上，所以你可以重新着色、移动、合并或删除图形。面积最大的那块颜色区域是垫在最下面的一个单独图形，把它删掉就能得到透明背景。「Copy SVG code」会把同样的标记粘贴到 HTML 或代码编辑器中。

相关工具

• SVG 转 PNG 转换器 — 在浏览器中把 SVG 标记或 .svg 文件以任意比例栅格化为清晰的 PNG 或 JPG。
• SVG 优化工具 — 压缩 SVG：移除注释、元数据和编辑器残留，并合并空白。
• 图片格式转换工具 — 在浏览器中完整地在 PNG、JPEG 和 WebP 之间转换图片。
• 图片尺寸调整 — 按像素、百分比、预设尺寸或最长边调整照片大小，支持批量处理，可打包成 ZIP 下载。
• Favicon 生成器 — 用图片、字母或表情符号生成 favicon.ico、各尺寸 PNG、苹果触摸图标和 Web 应用清单。
• 图片取色器 — 在浏览器中从图片取任意像素的 HEX、RGB 和 HSL 颜色值。
• SVG 转 PDF — 把 SVG 图形转成 PDF，尽可能让形状保持矢量。
• Base64 图片编码器 / 解码器 — 将图片转换为带 HTML 和 CSS 片段的 Base64 Data URI，或将 Data URI 解码为可下载的图片。

更多图片工具

• 图片优化工具 — 重新编码并缩小图片（JPEG/WebP/PNG），可选调整尺寸。
• 图片格式转换工具 — 在浏览器中完整地在 PNG、JPEG 和 WebP 之间转换图片。
• EXIF 查看与移除工具 — 查看并移除照片中的 EXIF 元数据（含 GPS）；不上传任何内容。
• Base64 图片编码器 / 解码器 — 将图片转换为带 HTML 和 CSS 片段的 Base64 Data URI，或将 Data URI 解码为可下载的图片。
• 应用图标生成器 — 将一张图片转换为所有 iOS、macOS 和 Android 应用图标尺寸——打包为 ZIP，在您的浏览器中完成。
• sprite sheet CSS 动画生成器 — 把 sprite sheet 转成带实时预览的 CSS steps() 动画。
• SVG 转 PNG 转换器 — 在浏览器中把 SVG 标记或 .svg 文件以任意比例栅格化为清晰的 PNG 或 JPG。
• 图片取色器 — 在浏览器中从图片取任意像素的 HEX、RGB 和 HSL 颜色值。
• 颜色格式转换器 — 把任意 CSS 颜色转换为 HEX、RGB、OKLCH 等
• 条形码生成器 — 生成 EAN、UPC、Code 128 条形码并导出 SVG 或 PNG
• 图片配色提取器 — 从图片提取主色与配色，导出 HEX、RGB、HSL、CSS 与 Tailwind。
• 图片翻转与旋转 — 在浏览器中旋转和翻转图片

查看全部图片工具 (37) · 全部工具