PNG 转矢量图:将 PNG 文件转换为真正的矢量图形

“矢量”究竟是什么意思、您需要哪种文件格式,以及如何将任何 PNG 转换为干净、可缩放的 SVG - 免费、在线,无需注册。

PNG SVG
✓ 真正的路径描摹,无嵌入 无需注册 PNG · JPG · BMP · WebP 100% 免费
将我的 PNG 转换为矢量图 →

“PNG 转矢量图” - 这一搜索到底意味着什么

搜索如何将 PNG 转换为矢量图的人通常是为了完成两项工作之一:让像素化的徽标在任何尺寸下都能清晰缩放,或者生成一个打印店、切割机或设计工具真正能接受的文件。这两项工作最终都指向同一个目标 - 真正的矢量文件 - 但“矢量”一词隐藏了两个决定:您需要哪种格式,以及转换是否是真正的。如果您的文件现在已经准备好, 免费的在线 PNG 转 SVG 转换器不到一分钟就能完成;本指南涵盖了围绕该步骤的所有内容。

首先要明确一个定义。真正的矢量文件将形状存储为数学路径 - 这就是 矢量化实际上所做的事情 - 而许多工具完全跳过这一步并伪造了它。直到您放大或将文件发送到机器之前,这种伪造都是不可见的。

第一大失败模式:许多“PNG 转矢量图转换器”从不描摹任何东西 - 它们将您的 PNG 作为嵌入的位图包裹在 .svg 文件中。结果看起来“完美缩放”,因为它仍然是披着外衣的像素。在文本编辑器中打开输出文件:如果您看到的是一个巨大的 base64 <image> 标签而不是 <path> 元素,这意味着您得到的是一个重命名的 PNG,而不是矢量图。本指南中的一切内容都是关于真正的路径描摹。

转换器的真实效果

转换前 · 原图 5 KB
PNG 文件:藏青色圆形徽标,带白色 V 形图案
转换后 · SVG 黑白预设 · 2 KB
同一徽标经黑白预设转换为 SVG:曲线平滑,黑色填充
用本工具完成的一次真实转换:左侧的原始 PNG 经黑白预设描摹为右侧的 SVG——一个在任何缩放级别下都保持清晰的矢量文件。
同一徽标放大到 400%:左侧 PNG 的像素清晰可见,右侧 SVG 的曲线依旧平滑。
同一徽标放大到 400%:左侧 PNG 的像素清晰可见,右侧 SVG 的曲线依旧平滑。
转换前 · 原图 11 KB
PNG 文件:扁平色调的复古贴纸,有天空色带、太阳和群山
转换后 · SVG 海报预设 · 15 KB
同一贴纸经海报预设转换为 SVG:每个色块都是可编辑的矢量图形
用海报预设描摹的扁平色贴纸:每个颜色区域都变成干净、可编辑的矢量图形。

“矢量”实际意味着什么 - 以及您需要哪种格式

PNG 是一种栅格图像(位图):由彩色像素组成的固定网格。它在原始尺寸下看起来很清晰,但一放大就会失真,因为文件根本不知道形状是什么 - 只知道每个方块是什么颜色。矢量图形将形状本身存储为路径:由数学定义的边缘、曲线和填充,因此相同的文件在 16 像素和 16 米的尺寸下渲染效果完全一致。

“矢量”是一个系列,而不是单一格式。有四种文件类型承载真正的矢量路径,它们的主要区别在于由谁来打开它们:

四种矢量文件格式,揭秘

  • SVG - 网络标准。几乎所有的浏览器和设计工具都能打开它,这也是切割机所消耗的格式。这是转换器输出的格式,也是本指南重点关注的格式。
  • EPS - 传统的打印店格式。打印供应商仍然经常要求提供这种格式,而且大多数矢量编辑器都可以根据需要导出它。
  • AI - Adobe Illustrator 的原生格式。当设计师在您之后接手文件时相关。
  • PDF - 也承载矢量路径,也是许多打印店在要求“可打印”文件时实际的意思。

如何免费将 PNG 转换为矢量图形

无需账号,无需安装,没有水印。整个转换过程只需简短的四个步骤:

  1. 上传 PNG - 将其拖放到转换器中。PNG、JPG、BMP 和 WebP 的工作方式完全相同。
  2. 选择预设 - 黑白(适用于徽标和线框图)、海报(适用于纯色图形)、照片(适用于有渐变和阴影的图像)。
  3. 如果需要,进行微调 - 颜色数量和路径细节会影响文件大小和保真度,视具体图像而定。
  4. 下载 SVG - 真正的 <path> 元素,随时可用于网页、打印或切割机。

在底层,转换运行了一个派生自开源 Rust 描摹器 VTracer 的自动描摹引擎:您的形状被重建为矢量路径,而不是被包裹。这句话正是此工具与搜索引擎结果页面中一半结果的区别所在。

获得良好的转换:决定结果的因素

描摹质量更多地取决于输入而非工具。干净的源图像转换得近乎完美;凌乱的源图像需要花两分钟判断。有三个因素决定了最终结果:

  • 纯色 vs 渐变 - 纯色徽标描摹得非常漂亮,因为每个颜色区域都变成了干净的矢量形状。照片描摹后会变成许多小形状,看起来可能像绘画;那正是数学运算实际看到的样子。
  • 预设选择 - “黑白”将图像折叠成清晰的轮廓(非常适合徽标和文本),“海报”保留有限的调色板,“照片”在增加路径和文件大小的代价下保留渐变。
  • 细节 vs 大小 - 更多的路径细节意味着更高的保真度和更多的千字节。导航栏徽标需要更少的路径;打印文件需要最高的保真度。

徽标值得特别提及:字母和品牌标志正是描摹最擅长的领域,关于 正确矢量化徽标的指南涵盖了在小尺寸下保持边缘清晰的设置。

PNG 转 EPS 或 AI:使用 SVG 作为中间格式

转换器输出 SVG - 这是故意的,因为 SVG 是所有其他软件都能接受的格式。如果打印店要求 EPS,或设计师需要 AI,路线是:将 PNG 转换为 SVG,在 Inkscape(免费)或 Illustrator 中打开 SVG,然后保存或导出为所需格式。路径在此过程中毫发无损,且只会增加不到一分钟的工作时间。这里特意不提供直接的 PNG 到 EPS 转换:一种支持良好的输出格式胜过三种平庸的格式。

不要指望反向操作也是安全的:将矢量图光栅化回 PNG 会永远丢弃几何信息。将 SVG 作为主文件保留,并根据项目需要在任何尺寸下导出 PNG 副本。

PNG 转矢量图转换真正带来回报的场景

并非每张图像都应该变成矢量图 - 仅作为照片显示的图像通常保持为栅格格式。但在以下四种情况下,转换能立即带来回报:

  • 徽标和品牌标志 - 一个文件,适用任何尺寸,从网站图标到店面招牌,再也不会出现像素化。
  • 印刷品 - 名片、贴纸、服装:打印店可以自由缩放矢量图并无背景地进行切割。
  • 切割机 - Cricut、Silhouette 和激光切割机遵循矢量路径,而不是像素。一旦描摹完成,文件就 准备好用于 Cricut 或激光切割,其余的工作由机器完成。
  • 图标和 UI 资产 - 在每个屏幕密度下都保持清晰,而且通常比它们替换的 PNG 文件更小。

共同点:如果图像必须缩放、被切割或按形状进行编辑,它就需要成为矢量图。

保留 PNG 还是转为矢量图?五秒钟决定

每次都遵循相同的经验法则。左列,保留 PNG,省去麻烦;右列,转换 - 耗时比您做决定的时间还短。

在以下情况保留 PNG… 在以下情况转换为矢量图…
以固定尺寸显示的照片 以多种尺寸显示的徽标
为一种屏幕尺寸优化的横幅 用于印刷或乙烯基切割的图稿
无需缩放的复杂摄影作品 必须在任何显示器上保持清晰的图标
锱铢必较的缩略图 线条图、文本和纯色图形

如有疑问,转换一个文件并放大到 800% - SVG 在 PNG 变成方块的地方依然保持清晰。完整的性能和 SEO 权衡,详见 Web 的 SVG vs PNG对比。

常见问题解答

PNG 是矢量文件吗?

不是。PNG 始终是栅格格式:具有固定分辨率的彩色像素网格。将 PNG 重命名为 .svg 不会改变这一点 - 将其嵌入 SVG 包装器中也不会。要获得真正的矢量图,必须描摹图像,使其形状被重建为路径。

如何免费将 PNG 转换为矢量图?

使用免费在线转换器:上传 PNG,选择一个预设,下载 SVG - 无需账号。如果您离线工作,免费的桌面应用程序在 Windows 和 Linux 上本地执行相同的转换,且不限制单文件转换次数。

我可以直接将 PNG 转换为 EPS 或 AI 吗?

不能一步完成,请对声称可以做到的工具保持警惕。可靠的途径是 PNG → SVG → EPS/AI:在这里转换,在 Inkscape 或 Illustrator 中打开 SVG,然后导出为您需要的格式。矢量路径在传递过程中保持不变。

为什么我的“转换后”的文件看起来还是像素化的?

因为它从未被转换过 - 它是被嵌入的。有些工具将 PNG 作为 base64 <image> 标签而不是通过描摹包裹在 .svg 文件中。在文本编辑器中打开文件:如果您看到一大块编码数据而没有 <path> 元素,您看到的仍然是您的 PNG。使用输出真实描摹路径的工具重新运行它。

将 PNG 转换为 SVG 会去背吗?

部分设计使然:使用黑白预设,只有被描摹的形状会变成路径,所以平整的背景根本不会成为输出的一部分 - 这对透明背景上的徽标很有用。但这与照片主体抠图不同,转换器不做抠图;照片预设保留整个场景。

立即将 PNG 转换为矢量图 - 免费

上传 PNG,选择预设,在不到一分钟的时间内下载真正的矢量 SVG - 无账号、无水印、无附加条件。