如何使用 SVG 转 PNG
- 01
上传 SVG 文件或粘贴其标记。
- 02
设置输出宽度;高度会按宽高比跟随。
- 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 转换最可靠。