SVG 转 PNG

把 SVG 图形转换为 PNG 图片。粘贴 SVG 代码或上传文件，设置输出尺寸即可下载。

将 SVG 文件拖到这里，或点击选择

或粘贴 SVG 代码

输出宽度（px）

输出高度（px）

背景

功能特性

粘贴 SVG 代码或上传文件

输出倍率可调（1x-3x+）

透明或白色背景

下载 PNG

使用方法

1. 把 SVG 代码粘贴到输入框，或拖入 .svg 文件。

2. 选择输出宽度或缩放倍率。

3. 选择透明或白色背景。

4. 点击「下载 PNG」。

关于这个工具

SVG 能无损缩放，非常适合标志和图标，但很多地方——社交网络、文档编辑器、应用商店、邮件客户端——只接受位图。这个转换器在浏览器中渲染 SVG 代码或上传的 .svg 文件，并按你设定的宽度和高度导出 PNG，背景可选透明、白色或黑色。因为矢量图是直接按目标尺寸绘制的，从 SVG 导出的 2048 像素 PNG 依然清晰，而不是把小位图放大。输出比例请与 SVG 的 viewBox 保持一致以免拉伸，并确保 SVG 用到的字体和外部图片已经内嵌，因为作为图片加载的 SVG 无法读取它们。

常见问题

怎样得到清晰的高分辨率 PNG？

把输出宽度和高度设为你需要的尺寸，例如应用图标用 1024 × 1024。SVG 会按这个尺寸渲染，得到的 PNG 是清晰的，而不是放大的小图。

为什么导出的 PNG 被拉伸了？

输出会被精确绘制到你输入的宽高中。如果它与 SVG 的宽高比（viewBox）不同，图形就会被挤压。转换前请按 viewBox 的比例算出高度。

为什么结果中缺少文字或图片？

作为图片加载的 SVG 无法获取外部字体、样式表或链接的图片。请在设计工具中把文字转为轮廓或内嵌字体，并把图片以 data URL 的形式嵌入 SVG。

背景应该保持透明吗？

标志要放在不同背景上时保持透明。如果目标位置不支持透明，或者会把透明区域显示成棋盘格或黑色，请选择白色或黑色背景。

我的 SVG 会上传到服务器吗？

不会。代码由浏览器自带的 SVG 引擎和 canvas 渲染，PNG 在本地生成。这也意味着非常复杂的 SVG 可能需要一点时间来栅格化。

SVG 转 PNG

功能特性

使用方法

关于这个工具

常见问题

相关工具