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。