如何将 SVG 转换为 PNG 且不失真

更新于

SVG 具有无限可缩放性,因此"不失真"实际上是指以足够高的分辨率导出 PNG,例如显示尺寸的两到三倍。在 EditItAll 转换器中打开 SVG,设置输出宽度,即可导出清晰的 PNG。整个过程都在浏览器中完成。

现在就做——免费,在浏览器里

Open the SVG → PNG converter

矢量与位图:究竟有何不同

SVG 并不是由像素构成的,而是一组指令:在这里画一条线,把这个形状填充成那种颜色,因此可以在任意尺寸下绘制,并始终保持清晰锐利。这也是为什么徽标和图标常常采用 SVG 格式:同一个文件在名片上和广告牌上看起来都同样清晰。

PNG 则相反,是固定的像素网格。假设你以 512 像素宽度导出,得到的就是这个固定尺寸。一旦放大超过其原始尺寸,画面就会变得块状模糊,就像放大一张照片一样。将 SVG 转换为 PNG,就是把这些绘图指令转换成固定网格,这个步骤称为栅格化

"不失真"到底意味着什么

由于 PNG 的像素尺寸是固定的,并不存在单一"无损"的 SVG 转 PNG 方式,你实际上是在选择一个分辨率,画质也由此决定。诀窍在于根据图片的实际用途,渲染出足够高的分辨率。

一个不错的经验法则是,导出尺寸为显示尺寸的两到三倍。如果徽标在页面上以 200 像素宽度显示,就把它导出为 400 或 600 像素,这样在高分辨率屏幕上依然清晰锐利。要用于印刷?那就导出更大尺寸。真正会导致画质下降的唯一错误,是导出得太小之后再放大。

在浏览器中将 SVG 转换为 PNG:分步指南

转换过程在你的设备上完成,文件绝不会被上传:

  • 打开SVG → PNG 转换器,将 SVG 拖入其中。
  • 设置输出尺寸:输入你想要的像素宽度(数值越大,画面越清晰,文件也越大)。
  • 导出并下载你的 PNG。

由于整个过程都在浏览器中完成,页面加载后即使断网也依然可以使用,这正好证明 SVG 文件并未被发送到服务器。无需账号、没有水印,转换次数也没有限制。

透明度与尺寸选择

SVG 通常带有透明背景,这一属性会完整保留下来:导出为 PNG 后,透明区域依然透明,因为 PNG 支持 Alpha 通道。你的徽标不会突然在背后多出一块白色底框。

如果你不确定该选择多大的像素宽度,可以从图片的实际展示位置出发来判断。网站图标可能只需要 64 像素;一张主视觉图则可能需要 2,000 像素甚至更多。拿不准时,就选大一点的尺寸,之后随时可以压缩这个 PNG来缩小文件体积,但如果导出得太小,细节是没法再补回来的。如果之后需要的是 JPG 而不是 PNG,PNG → JPG 转换只需要几秒钟。

现在就试试?

免费、无需注册,你打开的文件绝不会离开你的设备。

常见问题

转换 SVG 为 PNG 真的能保持完整画质吗?+

可以,只要你以足够高的分辨率导出。由于 PNG 的像素尺寸是固定的,选择显示尺寸两到三倍的宽度,结果就会保持清晰。

透明背景会被保留吗?+

会的。PNG 支持透明,因此 SVG 中的透明区域在导出的 PNG 中依然透明,图形背后不会出现白色底框。

应该导出多大尺寸?+

一个不错的默认值是显示尺寸的 2× 或 3×。用于印刷时,选择更大的尺寸。真正会出问题的做法是导出得太小再放大,那样画面会变得模糊。

转换过程中我的 SVG 会被上传吗?+

不会。转换器完全在你的浏览器中运行,文件绝不会离开你的设备。页面加载后即使断网,它依然可以使用。

为什么不直接保留 SVG 就好?+

能保留就尽量保留,SVG 可以完美缩放。当某个工具、表单或平台不支持 SVG,或者你需要固定尺寸的位图时,再转换为 PNG。

相关指南

更多「转换图片格式」指南 →