如何将 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。