PNG 转 SVG：如何将图像矢量化

分步指南，帮助你从任何 PNG 获得干净、可缩放的矢量输出。

为什么要将 PNG 转换为 SVG？

PNG 是网络上使用最广泛的图像格式之一。它支持透明度，能很好地处理纯色图形，并且压缩时不会损失画质。但 PNG 仍然是一种光栅格式——本质上是像素网格。放大后边缘会变模糊，打印在大型横幅上图像就会失真。

SVG 解决了这个问题。可缩放矢量图形将图像存储为数学路径而非像素，因此无论尺寸如何都能保持完美清晰——从 16 像素的网站图标到大型广告牌都没问题。这使得 SVG 成为徽标、图标、插图以及任何需要在不同分辨率下重复使用的图形的首选格式。

将 PNG 转换为 SVG 并不是简单的格式互换。这个过程叫做图像描摹（或矢量化）：软件分析位图中的颜色和边缘，并将其近似为矢量路径。结果的质量在很大程度上取决于源图像和你选择的设置。本指南将带你使用 Any2SVG（一个免费的浏览器端转换器）完成整个流程，帮助你每次都能生成干净的 SVG。

如果你是矢量图形新手，建议先阅读我们的什么是 SVG？介绍文章，了解这种格式后再开始转换操作。

步骤 1：上传你的 PNG

在浏览器中打开 Any2SVG。你可以通过以下几种方式加载文件：

拖放——直接将 PNG 拖到转换器区域。
点击文件选择器浏览你的设备。
从剪贴板粘贴——截图或复制图像后，直接粘贴到工具中。
输入图片 URL，从网络获取 PNG。
从 Dropbox、Google Drive 或 OneDrive 导入，无需先将文件下载到设备。

Any2SVG 支持最大 10 MB 的 PNG 文件。如果你有多个 PNG 需要转换，可以一次性全部选择——该工具支持批量转换，让你在一次操作中处理整套素材。

步骤 2：准备你的图像

在描摹之前，花点时间整理源图像。更好的输入总是能带来更好的矢量结果。

裁剪空白区域

使用内置裁剪工具移除主体周围不必要的空白或背景区域。裁剪编辑器支持自由选择和锁定的 1:1 宽高比，触摸屏上还可以通过双指缩放进行精确定位。在转换前去除多余空间，可以让输出的 SVG 更加紧凑和集中。

调整大小以提升速度

描摹非常大的图像需要更长时间，而且不一定能产生更好的 SVG。如果你的 PNG 宽度超过约 2000 像素，建议先缩小。Any2SVG 提供多种调整大小模式——按宽度、高度、精确尺寸、百分比或常用预设。较小的源图像描摹更快，通常还能生成更干净的路径，因为描摹器需要处理的噪点更少。

自动旋转和清除元数据

启用自动旋转功能，让 Any2SVG 读取 EXIF 旋转数据，在描摹前正确显示图像。转换器还会从输出 SVG 中清除嵌入的元数据（EXIF、XMP），这样相机信息和 GPS 坐标不会带入你发布的文件中。

步骤 3：调整矢量化设置

这是真正掌控转换效果的地方。Any2SVG 提供精细的选项，直接影响输出 SVG 的质量和大小。以下是每个设置的说明和使用方法：

颜色数量

控制描摹器创建的不同颜色区域数量。徽标、图标和简单图形使用 2 到 8 种颜色。详细插图或带有渐变的图像可以增加到 16 种或更多。颜色越少，SVG 越简单、文件越小；颜色越多，能捕捉更细微的色调差异，但文件复杂度也会增加。

细节级别

决定描摹器跟踪边缘和曲线的紧密程度。较高的细节保留了细微特征，但可能会从源图像引入噪点。较低的细节产生更平滑、更风格化的输出。建议从中等设置开始，然后根据需要调整。

路径优化

通过移除不必要的控制点来简化生成的矢量路径。较高的优化可以减小文件大小并平滑曲线。对于徽标和干净的图形作品，可以将优化调到较高。对于需要保留每个边缘的详细插图，保持适中即可。

坐标精度

设置路径坐标使用的小数位数。精度越高意味着路径越准确，但文件也越大。大多数情况下，1 到 2 位小数就能在精度和文件大小之间取得很好的平衡。

其他选项

图层模式——选择分层（每种颜色在独立图层上）或堆叠渲染。分层输出在 Inkscape 或 Illustrator 等矢量工具中更容易编辑。
模糊——在描摹前对源图像应用轻微的预处理模糊，以平滑噪点。适用于有压缩伪影或颗粒纹理的 PNG。
viewBox——切换输出 SVG 上的显式 viewBox 属性，该属性控制图形嵌入 HTML 时的缩放方式。

按图像类型推荐的设置

图像类型	颜色	细节	优化	说明
简单徽标	2 – 4	低 – 中	高	颜色越少 = 文件越小，边缘越清晰
多色图标	4 – 8	中	高	在细节和干净路径之间取得平衡
详细插图	16 – 32	高	中	更多颜色可捕捉渐变和阴影
线描 / 素描	2 – 4	高	中	高细节保留细线条
照片（简单）	32+	高	低	SVG 文件较大；考虑 SVG 是否是合适的格式

更多格式特定技巧，请参阅我们的 JPG 转 SVG 技巧——许多相同的原则也适用于来源于压缩照片的 PNG。

步骤 4：下载你的 SVG

当你对预览效果满意后，下载完成的 SVG。对于单个文件，点击下载按钮直接保存。如果你批量转换了多个 PNG，Any2SVG 会将所有结果打包成一个 ZIP 压缩包——在浏览器中使用 fflate 进行快速、轻量的压缩。

下载后，在浏览器或 Inkscape、Figma 或 Adobe Illustrator 等矢量编辑器中打开 SVG 以验证结果。检查边缘、颜色区域和整体文件大小。如果有什么不对的地方，回到 Any2SVG，调整设置，重新转换——反复调整是正常的，每次只需几秒钟。

总结

一旦你理解了描摹是一种近似而非无损格式转换，将 PNG 转换为 SVG 就变得很简单。关键步骤很简单：上传你的 PNG，使用裁剪和调整大小工具进行准备，根据图像类型选择合适的矢量化设置，然后下载完成的 SVG。

对于大多数徽标和图标，低颜色数配合高优化能带来最佳效果。对于详细插图，增加颜色和细节，同时接受较大的文件。而对于照片，在开始转换前先考虑 SVG 是否真的是合适的输出格式。

Any2SVG 让整个过程免费、快速且保护隐私——一切都在你的浏览器中完成。用你自己的图像试试看，体验一下生成干净、可缩放矢量图形的速度有多快。

立即将你的 PNG 转换为 SVG