SVG 转 PNG - 图片工具 · 萤炬工具箱

SVG 转 PNG 把矢量图按你指定的尺寸渲染成位图，支持自定义输出宽高、缩放倍率和背景色。用于把图标交付给不认 SVG 的场合：老旧系统、部分办公软件、需要固定像素尺寸的上传通道，或者要导出 2 倍图给高分屏用。因为是矢量渲染，输出多大都是清晰的。可自定义输出宽高、缩放倍率与背景色。不设背景色时保留透明通道。

SVG 转 PNG 把矢量图按你指定的尺寸渲染成位图，支持自定义输出宽高、缩放倍率和背景色。用于把图标交付给不认 SVG 的场合：老旧系统、部分办公软件、需要固定像素尺寸的上传通道，或者要导出 2 倍图给高分屏用。因为是矢量渲染，输出多大都是清晰的。

使用步骤

1. 上传 SVG 文件。
2. 设置输出尺寸或缩放倍率（如 2 倍图）。
3. 需要不透明底时设置背景色，否则保留透明。
4. 渲染并下载 PNG。

功能与限制

• 可自定义输出宽高、缩放倍率与背景色。
• 不设背景色时保留透明通道。
• SVG 内的文字建议先转路径，避免字体替换。
• 全程浏览器本地渲染，文件不上传。

常见问题

导出多大尺寸合适？

按实际显示尺寸的 2 倍导（显示 100 像素就导 200），高分屏上才不会发虚。反正矢量放大不失真，唯一代价是文件大一点。

为什么导出后字体变了？

SVG 里的文字若引用了系统字体，渲染时会用本机可用的字体替代。要保证字形一致，应该在设计软件里先把文字转成路径再导出 SVG。

不设背景色导出是什么效果？

保留透明背景，PNG 支持透明通道。需要白底（比如要贴进不支持透明的文档）就显式设成白色。

导出的图有些元素没显示？

常见于 SVG 引用了外部资源（外链图片、远程字体）或用了浏览器渲染时不支持的特性。把外部资源内联进 SVG 通常能解决。