使用方法
- 选择引擎(resvg 高保真 / Canvas)与输出倍率(1–4×)
- 拖入
.svg文件(可一次拖入多个,批量渲染) - 自动下载透明 PNG(多文件时打包 ZIP),页内可预览与「重新下载」;改引擎/倍率后可对已加载文件重新渲染
功能说明
- 矢量 → 位图,支持高倍率导出,页内预览(棋盘格=透明区域)
- 多文件批量:逐个渲染、失败隔离(失败文件列出、不阻断其余),成功项打包 ZIP 自动下载
- resvg-wasm(MPL-2.0)对字体/滤镜/复杂 CSS 保真更好;异常自动回退 Canvas 并在成功提示中注明
- 输出宽度 = SVG 的 width 属性换算像素 × 倍率(未写 width 时按 viewBox 宽计)
- 浏览器本地完成
常见问题
倍率应该怎么选? 1× 等于 SVG 自身的像素宽度,适合网页图标与截图;2× 是视网膜屏、幻灯片和文档的安全选择;3–4× 适合打印或放大看细节。输出宽度 = SVG 的 width 属性换算像素 × 倍率(未写 width 时按 viewBox 宽计),所以 512px 的 SVG 选 3× 会输出 1536px 宽。
需要装 Inkscape 或 Illustrator 吗? 不需要。SVG 在你的浏览器里由 resvg(WASM)或 Canvas 直接栅格化,产出标准 PNG,任何看图软件、办公软件和浏览器都能打开——适合把 SVG 作品贴进不支持 SVG 的文档、幻灯片和后台系统。
动画和脚本能导出吗?
不能。PNG 是单张静态位图,动画、<script> 和交互脚本不会渲染;需要动效请另存某一帧或改用录屏/动画工具。
隐私
本工具在浏览器内完成全部栅格化(resvg WASM + Canvas),文件与渲染数据不出设备(仅首次加载自托管的 resvg WASM 资产,属同源静态请求)——这也是本地渲染可以提供页内预览与即时对比的原因。