SVG 转 PNG

这个工具做什么

把 SVG 代码或 .svg 文件转成 PNG、JPG 或 WebP 图片。粘贴代码或拖入文件，选择倍数或精确宽度，就能下载位图。渲染在浏览器里完成，图标、Logo、示意图都不会离开你的电脑。

很多地方不接受 SVG，比如应用图标、社交平台配图、演示文稿、文档、邮件签名或老旧软件，这时就用得上。预览区使用棋盘格背景，哪里是透明的一目了然。

怎么用

1. 把 <svg> 代码粘贴到编辑框，或点 上传 打开文件，也可以直接拖进页面。点 示例 会载入一个小 Logo。
2. 选择 尺寸：1× 使用 SVG 自身尺寸，2×–4× 按倍数放大；也可以填写 自定义宽度（像素），高度按比例计算。
3. 选择 格式：PNG 无损且支持透明，JPG 兼容性好，WebP 体积小。
4. 选择 背景：透明、白色或任意颜色。
5. 点 下载。预览下方会显示最终的像素尺寸、格式和文件大小。

要一次转换很多图标，可以同时选择或拖入多个 .svg 文件。它们会出现在 批量转换 列表里，显示每个文件的输出尺寸（或失败原因），点 全部下载（ZIP） 按当前设置打包下载所有图片。每批最多 50 个文件、每个文件最大 5 MB，超出的文件会被跳过并给出提示。

尺寸是怎么算的

工具会读取根元素 <svg>：width、height 支持 px、pt、mm、cm、in、em，统一换算成像素；如果没有写或写的是百分比，就改用 viewBox 的宽高。然后套用所选倍数或自定义宽度，并把 SVG 改写成明确的像素尺寸，保证各浏览器画出来一致。

示例

一个 viewBox="0 0 24 24"、没有宽高的图标，1× 输出 24 × 24 的 PNG；4× 输出 96 × 96；自定义宽度 512 则得到 512 × 512 的 PNG，可以直接用作应用商店图标。因为是从矢量重新渲染而不是放大位图，依然非常清晰。

小提示

• XML 写错时会提示具体行号，可以直接跳到出错位置。
• 内嵌的位图（<image href="data:...">）可以正常显示，外部链接不行。
• 文字使用你电脑上安装的字体。想在任何地方都一模一样，先在设计软件里把文字转成轮廓。
• 最大输出尺寸为每边 16384 像素，这是浏览器画布的上限。