UltKit
图片11
图片格式转换图片压缩修改图片尺寸图片裁剪图片转 PDF证件照制作图片转 SVG全部图片工具 →
PDF13
PDF 压缩PDF 转换器PDF 转图片PDF 合并PDF 拆分PDF 解密PDF 加密全部PDF工具 →
文档与数据7
转换为 PDF文档格式转换图片转文字（OCR）图片转 Excel数据格式转换电子书格式转换全部文档与数据工具 →
视频6
视频格式转换视频压缩视频转音频视频转 GIF视频剪辑音频转视频全部视频工具 →
音频4
音频格式转换音频压缩音频剪辑音频转文字全部音频工具 →
更多工具22
二维码生成器压缩文件在线解压时区转换器单位换算器密码生成器字数统计取色器全部更多工具 →
博客使用方法

PNG转SVG免费在线转换

PNG是转矢量图最理想的位图原稿：边缘无损，背景往往已经是透明的。上传PNG，选择要保留的颜色数量，即可下载一个形状可自由缩放和编辑的SVG文件。

图片转 SVG

或将JPG, JPEG, JFIF … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出
8

文件在我们的服务器上处理，并在 30 分钟后删除。

使用方法

  1. 1

    上传PNG图片

    拖入 PNG 格式的标志、图标、贴纸或手绘图，一次最多可上传 20 张。导出的图片越大，矢量化效果越好；宽 1000 px 的 PNG 比 64 px 的网站小图标效果好得多。

  2. 2

    选择描摹模式

    普通标志可保持颜色模式为彩色、颜色数量为 8；线稿请切换到黑白；也可以把颜色数量设为设计中实际使用的颜色数。

  3. 3

    下载SVG文件

    点击矢量化为 SVG。打开生成的文件并放大查看曲线，如果边缘呈阶梯状，请在高级设置中调高平滑后再运行一次。

为什么PNG最适合转换为SVG

PNG 诞生于 1995 年，作为无专利限制的 GIF 替代格式，并于 1996 年 10 月成为 W3C 推荐标准。它采用无损压缩，红色边缘紧挨白色边缘时依然泾渭分明，没有波纹或色块。对矢量化程序来说这是理想的输入：两种颜色的分界就在像素所示的位置，拟合出的曲线能紧贴原设计。

PNG 还可以带 Alpha 通道，也就是为每个像素单独记录不透明度。从 Figma、Canva 或 Photoshop 导出的标志和图标通常都带有它，相当于现成的蒙版：透明的部分是背景，不透明的部分是图案。同一标志的 JPEG 则自带一个白色方框，所以 JPEG转SVG 需要更强的平滑，往往还要用到去除背景。

由于输入很干净，本页采用细节 70、平滑 40，保留了 JPEG 页面会抹掉的小转角和衬线。我们的 PNG转SVG教程用示例逐一讲解了这些设置。

彩色、灰度或黑白描摹

默认

彩色

每个颜色簇会变成一层独立的填充路径。

  • 2–64 种颜色
  • 保留品牌色
  • 形状层层叠放，方便改色
适用于： 标志、图标、贴纸、扁平插画
明暗

灰度

与彩色模式类似，但颜色簇是不同的灰色调。

  • 2–64 个灰度级
  • 不会偏色
  • 适合铅笔画和炭笔画
适用于： 素描、版画、单色印刷品
双色

黑白

一刀切：每个像素要么是墨迹，要么是空白。

  • 阈值 1–254
  • 文件最小
  • 单一路径集合
适用于： 签名、镂空模板、刻字和激光切割

线稿PNG转SVG的阈值设置

  1. 60

    只保留最深的墨迹

  2. 128

    默认在中灰处划分

  3. 170

    保留浅淡或带抗锯齿的笔画

  4. 220

    浅灰变黑，边缘变粗

PNG

便携式网络图形（PNG）

PNG 是 PNG 开发组于 1996 年发布的无损位图格式，后来由 W3C 和 ISO 标准化。它精确保留每个像素，支持完整的 Alpha 透明度，处理文字、锐利边缘和纯色块时不会产生伪影。这种精确度使它非常适合截图、徽标、图标和界面图形。代价是体积：保存为 PNG 的照片往往比同一张照片的 JPEG 或 WebP 大好几倍。所有浏览器、操作系统和编辑器都能打开 PNG 文件。

压缩方式
无损
透明度
支持
动画
不支持
发布年份
1996 · PNG Development Group
PNG 转换器

SVG

可缩放矢量图形

SVG 是基于 XML 的矢量格式,2001 年由 W3C 标准化。它描述的是形状、路径和文本,而不是像素,因此在任何尺寸下都保持清晰,用于徽标和图标时通常很小。它支持透明、CSS 样式、脚本和动画,所有浏览器都能原生渲染。SVG 不适合照片,复杂的插画渲染也可能变慢。Illustrator、Inkscape、Figma 和浏览器都可以打开并编辑。

压缩方式
–
透明度
支持
动画
支持
发布年份
2001 · W3C
SVG 转换器

PNG 本身边缘清晰，往往还带透明背景，所以人们会把它转成 SVG，得到可用于印刷、刻字机和响应式网站的无损缩放标志或图标；SVG 转 PNG 则相反，是把矢量图渲染成像素，供无法读取 SVG 的应用使用。

描摹前如何处理PNG

  1. 导出大图

    把 PNG 按显示尺寸的两到三倍保存。曲线是按像素边缘拟合的，像素越多，曲线越准确。

  2. 去掉特效

    投影、发光和渐变都会变成几十条细带。导出前先隐藏它们，需要时再在 SVG 中加回去。

  3. 数清颜色数

    记下设计中用了多少种纯色，并填入这个数字。如果用于 CNC 或激光加工，PNG转DXF可以把同一文件描成 CAD 格式。

PNG转SVG常见问题

PNG转SVG可以免费使用、无需注册吗？

是的。无需账号即可上传、矢量化并下载，每批最多 20 个文件。上传的 PNG 和生成的 SVG 会在 30 分钟后从服务器删除。

PNG中的透明区域转换后会怎样？

PNG 的 Alpha 通道会告诉矢量化程序哪些像素属于图案，因此完全透明的区域会保持为空，而不会变成白色形状。通常不需要使用去除背景；只有当 PNG 自带纯白或其他纯色底色时才需要开启。

为什么PNG图标转SVG后每个形状周围有一圈淡淡的轮廓？

平滑的 PNG 边缘带有抗锯齿：最外层像素是半透明的，或是两种颜色的混合色。矢量化程序可能会把这种混合色识别成多出来的一种细线颜色。把颜色数量减少一两种，或调高平滑，这圈光晕就会并入主体形状。

和Illustrator的图像描摹或Inkscape的位图描摹相比如何？

思路是一样的：减少颜色、查找边缘、拟合曲线。Illustrator 自带“黑白标志”“16 色”等预设，Inkscape 提供亮度截断和多色扫描。在这里，对应的选项是颜色模式、颜色数量和阈值，无需安装任何软件。

PNG里的文字转成SVG后能作为文本编辑吗？

不能。文字会被描成轮廓形状，外观得以保留，但无法再重新编辑文字。这适合标志；如果是满屏文字的截图，直接重新输入更快。

我的PNG正好用了五种颜色，SVG能完全保留这些颜色吗？

把颜色数量设为 5。矢量化程序会把所有像素归入五个颜色簇，对于纯色块的 PNG，这些颜色簇正好对应原有的颜色。