跳至内容
Monu Tools

SVG 转 PNG 转换器

完全在浏览器中,将 SVG 矢量图形以任意尺寸转换为 PNG 位图。

反面:图片转 SVG

如何使用 SVG 转 PNG

  1. 01

    上传 SVG 文件或粘贴其标记。

  2. 02

    设置输出宽度;高度会按宽高比跟随。

  3. 03

    下载渲染后的 PNG。

它的作用

一个 SVG 到 PNG 转换器,可以在浏览器中以您选择的任何分辨率对矢量图形进行光栅化。为其提供一个 SVG 文件或粘贴原始标记,设置输出大小,然后下载 PNG。

SVG 是一种由形状和路径组成的矢量格式,因此它可以缩放到任何大小而不会模糊,这就是图标和徽标存储为 SVG 的原因。 PNG 是一种栅格(像素)格式,这是许多平台、图像字段和工具实际接受的格式。

转换完全在您的设备上进行,因此您的图形永远不会上传到服务器。

它在浏览器中的工作原理

它使用 Canvas API 在本地运行,渲染 SVG 并读回像素,因此转换是即时的,并且您的图形保留在您的设备上。

分辨率和透明度

由于源是矢量,因此您可以以所需的任何分辨率导出,而不会损失清晰度。为了在高分辨率屏幕上获得清晰的结果,请以图像显示尺寸的 2 倍或 3 倍导出。

PNG 支持透明度,因此没有背景的 SVG 会转换为具有透明背景的 PNG,可以放置在任何颜色上,这对于徽标和图标来说是理想的选择。

字体和外部资源

需要注意的是:SVG 使用浏览器可用的字体进行渲染,引用外部图像或资源的 SVG 可能不包含它们。具有形状和嵌入数据的独立 SVG 转换最为可靠。

常见问题

我的 SVG 会被上传到任何地方吗?

不会。SVG 完全在你的浏览器中使用 Canvas API 渲染为 PNG,因此不会向服务器发送任何内容。

我应该导出什么尺寸?

由于 SVG 是矢量的,你可以在任意尺寸下导出而不模糊。以显示尺寸的 2 倍或 3 倍导出,以在高分辨率屏幕上获得清晰效果。

会包含外部图像和字体吗?

字体会使用你浏览器可用的资源渲染,引用外部资源的 SVG 可能不会包含它们。自包含的 SVG 转换最可靠。

来源

报告问题