跳到主要内容
Vecaria

SVG 转 PNG 转换器

本地处理

在线把 SVG 按 1–4 倍率栅格化为透明 PNG:resvg 高保真或 Canvas 双引擎、批量打包 ZIP,先预览再下载;浏览器本地处理、不上传、免登录。

拖拽文件到此处,或点击选择

支持 SVG

选择文件

将 SVG 按 1–4 倍率栅格化为透明 PNG,浏览器本地完成。拖入多个文件可批量渲染并下载 ZIP;resvg-wasm 对字体/滤镜保真更好,失败自动回退 Canvas。

使用方法

  1. 选择引擎(resvg 高保真 / Canvas)与输出倍率(1–4×)
  2. 拖入 .svg 文件(可一次拖入多个,批量渲染)
  3. 自动下载透明 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 资产,属同源静态请求)——这也是本地渲染可以提供页内预览与即时对比的原因。

TL;DR: 把 SVG 按 1–4 倍率栅格化为透明 PNG:resvg 高保真或 Canvas 双引擎、多文件批量打包 ZIP,浏览器本地处理、不上传、免登录。

示例

  • 拖入 SVG(可多个)→ 选 resvg/倍率 → 自动下载 PNG/ZIP(页内可预览)

支持的格式

SVGPNG

限制说明

  • 输出为透明背景 PNG
  • resvg 失败(如缺字体)会自动回退 Canvas,成功提示会注明实际引擎
  • 批量逐个渲染、失败隔离:失败文件列出且不阻断其余,成功项打包为 svg-to-png-<倍率>x.zip 自动下载
  • SVG 根元素需内嵌或系统可用字体,否则文字可能移位
  • 超大输出受设备内存限制
  • 输出宽度 = SVG 的 width 属性换算像素 × 倍率(未写 width 时按 viewBox 宽计)