跳到主要内容

SVG 转 PNG

按 1×、2× 或 3× 把 SVG 导出为透明 PNG。一次最多约 10 个文件,可打包 ZIP。文件留在浏览器里。

两种方向一起处理用SVG 转换器。继续改矢量用SVG 编辑器,把位图再转成 JPG 或 WebP 用图片格式转换。

导出倍数

1×
2×
3×

本页固定导出透明 PNG。倍数会放大画布,长边不会超过 4096 像素。

外链图片、脚本和 foreignObject 会被去掉。字体可能回退,动画和滤镜不一定保留。倍数不是印刷 DPI。

SVG 转 PNG 是什么?

这个页面把 SVG 按比例画成透明 PNG。图标、界面图形和简单标志需要一份位图时,可以直接拖进来、选文件,或粘贴 <svg 文本。处理在浏览器里完成,文件不会上传。

画布倍数是 1×、2×、3×。长边超过 4096 像素时会按比例缩小。一次大约可以处理 10 个文件,然后打包 ZIP。

适合什么时候用

  • 设计稿里的 SVG 要交给只收 PNG 的幻灯片、邮件或旧工具
  • 图标需要一份带透明通道的位图,而不是白底
  • 没有写 width/height,但有 viewBox,希望按图形本身的比例导出

继续改路径和颜色,用 SVG 编辑器。已经是位图、要转 JPG 或 WebP,用 图片格式转换。导出后再压体积,用 微图。

边界

  • 输出固定为 PNG。PNG 可以带透明通道,见 W3C PNG 规范。
  • 预览和栅格化都通过 blob URL 放进 <img>。按 MDN 对 img 元素的说明,这样使用的 SVG 不会执行脚本。
  • 外链图片、javascript: 地址、脚本和 foreignObject 会在导出前去掉。@font-face 和页面字体在「SVG 当作图片」时不可靠,字体会回退。
  • 动画、滤镜和 foreignObject 里的 HTML 可能丢失。倍数是像素放大,不是印刷 DPI。
  • 单文件不超过 8 MB。

参考资料