如何将 SVG 转换为 PNG
- 1. 选择 SVG 文件点击“选择 SVG 文件”，或把文件拖到框里。
- 2. 点击“转换”在“尺寸”中选择 1× 到 8×，然后点击“转换”。
- 3. 下载可以逐个下载 PNG，也可以打包成 ZIP 一起下载。
关于 SVG 和 PNG
SVG 是矢量格式。它用指令描述图形和文字，所以放大到任何尺寸都清晰。网页上的标志和图标通常用 SVG。
PNG 是固定尺寸的像素网格。社交网站、邮件签名、办公文档和大多数聊天软件都接受 PNG，但很少接受 SVG。
| SVG | PNG | |
|---|---|---|
| 类型 | 矢量 | 像素 |
| 放大后不模糊 | 是 | 否 |
| 透明 | 支持 | 支持 |
| 可以当作文本编辑 | 是 | 否 |
| 社交媒体、邮件、办公软件是否接受 | 很少 | 几乎都接受 |
| 适合 | 网页上的标志和图标 | 任何需要普通图片的地方 |
选择输出尺寸
“尺寸”选项按倍数放大 SVG 中设置的宽度和高度。如果没有设置，就使用 viewBox。下表是一个按 200 × 100 绘制的标志的输出结果。
| 尺寸 | PNG 尺寸 | 适合 |
|---|---|---|
| 1× | 200 × 100 | SVG 本身的尺寸 |
| 2×（默认） | 400 × 200 | 高分辨率屏幕 |
| 4× | 800 × 400 | 幻灯片和打印 |
| 8× | 1600 × 800 | 大幅打印和横幅 |
可能显示不同的地方
每个 SVG 都按浏览器显示图片的方式渲染，所以其中的脚本不会运行。有几样内容可能无法正确呈现。
- 从外部加载的网页字体可能不会生效，文字会改用默认字体。如果需要精确的字体效果，请在设计软件中把文字转为轮廓。
- 通过网址链接的图片可能不显示。嵌入在 SVG 中的图片可以正常显示。
- 动画或可交互的 SVG 会变成一张静态画面。
- SVG 没有绘制的区域保持透明。如果出现白色方块，说明 SVG 里在图形后面有一个白色矩形。
隐私
转换在你的浏览器中进行。文件不会上传到服务器。
常见问题
怎样从 SVG 得到高分辨率 PNG？
点击“转换”前把“尺寸”设为 4× 或 8×。SVG 是矢量格式，所以大尺寸 PNG 和小尺寸的一样清晰。
可以把 SVG 转成 4K 的 PNG 吗？
这取决于 SVG 本身的尺寸。宽 480 像素的 SVG 用 8× 转换后宽 3840 像素，正好是 4K 的宽度。
可以指定精确的宽度和高度吗？
不可以。“尺寸”选项只能按 1×、2×、4× 或 8× 缩放。可以先在 SVG 中设置宽高，或选最接近的倍数，再调整 PNG 的尺寸。
SVG 转 PNG 会保留透明背景吗？
会。SVG 中空白的区域在 PNG 里保持透明。
为什么 PNG 里的文字看起来不一样？
SVG 很可能用了没有嵌入的网页字体，所以显示的是替代字体。在设计软件中把文字转为路径，再试一次。
转换时 SVG 里的脚本会运行吗？
不会。SVG 按图片渲染，其中的脚本都不会运行。