SVG 转 PNG 工具
在浏览器中将 SVG 文件即时转为 PNG。上传文件或粘贴 SVG 代码，选择输出尺寸和背景颜色，一键下载 PNG。无服务器，完全本地处理。
Drop an SVG file here, or click to select
Supports .svg files only
Preview
用微信扫描以下二维码即可分享
使用方法
- 通过拖拽或点击上传 .svg 文件，或切换到「粘贴 SVG 代码」面板粘贴标记。
- 选择输出尺寸：原始（1x）、2x、4x 或自定义像素。
- 选择背景：透明、白色或自定义颜色。
- 点击转换为 PNG 进行渲染。
- 预览结果后点击下载 PNG 保存文件。
为什么要将 SVG 转为 PNG？
- 兼容性：PNG 被浏览器、办公软件和文档编辑器广泛支持，而 SVG 支持并不普遍。
- 社交媒体：微博、微信、Twitter/X 等平台上传图片需要栅格格式。
- 固定分辨率：PNG 以指定分辨率快照 SVG，防止意外缩放。
- 邮件客户端：大多数邮件客户端不支持内联 SVG，PNG 是更安全的选择。
所有处理均在浏览器本地完成，文件不会上传至任何服务器，可放心用于处理保密 Logo 或商业图稿。
FAQ
SVG 转 PNG 的原理是什么？
工具将 SVG 渲染到 HTML5 Canvas 元素上，再通过 canvas.toBlob() 导出为 PNG。整个过程完全在本地浏览器执行，数据不会上传到任何服务器。
支持哪些输出尺寸？
支持原始尺寸（1x）、双倍尺寸（2x）、四倍尺寸（4x），以及自定义宽高（像素）。
可以导出透明背景的 PNG 吗？
可以。在「背景」下拉菜单中选择「透明」，Canvas 渲染前不填充背景，导出的 PNG 将带有 Alpha 透明通道。
SVG 没有 width/height 属性怎么办？
工具会读取 viewBox 属性来推算尺寸。如果两者都不存在，将回退到浏览器默认的 300×150 px。
转换后 SVG 显示效果与原来不同？
部分 SVG 特性（外部字体、跨域图片、CSS 动画）在 Canvas 渲染时受浏览器安全策略限制。建议使用样式内联的独立 SVG 以获得最佳效果。