SVG 转 PNG 导出指南 — 1×/2×/3× 与字体回退陷阱
Tomoda Hinata工具作者与维护者发布于 2026年4月26日约 2 分钟阅读
SVG 是矢量 —— 线条、曲线、文字在任何尺寸都清晰。Web 喜欢矢量；但 Slack、Discord、Office、社交、邮件都要 PNG。表面简单的导出，一旦遇到字体（由浏览器渲染而非 SVG）或 HiDPI 1×/2×/3× 就会变复杂。
本指南使用的工具
为什么要把 SVG 转 PNG？
现代浏览器都能渲染 SVG，但 Slack 附件、Discord 预览、Office、邮件、iMessage 预览、电商和社交都只认 PNG。
导出尺寸 —— 2× 规则
找到最大显示尺寸 × 2 导出。32 px 图标导 64 px PNG。3× 仅在用户会缩放时考虑。
字体 —— 沉默的杀手
SVG 的 `<text>` 由渲染环境的字体来画；环境缺字体就回退。最稳：在 SVG 编辑器把文字转换为路径后再保存。
透明与背景
默认保留透明；目的地不支持 alpha，就在工具里设背景色（一次合成后透明就永久丢失）。
动画 SVG
PNG 是静帧；APNG 兼容差。动画首选 WebP。
操作步骤
拖入 SVG
单个 .svg，最多 5 MB。
选尺寸
输入最大显示尺寸并勾选 1×/2×/3×。
背景
默认透明；如需单色背景在工具里设。
下载 ZIP
name@1x.png、@2x、@3x 同包下载。
常见问题
导出的 PNG 与浏览器里的 SVG 不一样？
通常是字体回退。把文字转路径后再导出。
能导 4× 以上吗？
支持到 8×；超过 3× 体积平方增长，肉眼提升有限。
SVG 里有内嵌位图怎么办？
会原样通过并按导出分辨率再编码。
透明真的保留吗？
保留。
可以转成 JPG 吗？
可以，但 JPG 没有 alpha。
会上传吗？
不会。
立即试用
Rasterize SVG vectors to PNG at any size
SVG to PNG Converter本文包含 AI 翻译，如发现错误欢迎告知。