如何将 SVG 转换为 PNG
- 选择 SVG 文件,或将其拖放到页面上。
- 在 SVG 文件宽度中输入输出宽度,例如 1024 px,高度会按比例自动计算。留空则使用 SVG 中定义的尺寸。
- 逐个下载 PNG,或打包成 ZIP 一次性下载。
输出更清晰:设置宽度,而不是缩放
SVG 会直接按你输入的宽度绘制,因此即使宽达数千像素,线条和文字也依然清晰。不要用百分比选项放大结果——那样缩放的是已经生成的像素,会让图片变模糊。
| 用途 | 宽度 |
|---|---|
| App 图标、社交媒体头像 | 512–1024 px |
| 网站上的 Logo | 显示宽度的两倍,例如 200 px 的 Logo 用 400 px |
| 演示文稿幻灯片 | 全宽图形用 1920 px |
| 以 300 DPI 打印 | 以英寸为单位的宽度 × 300,例如 10 cm 宽用 1181 px |
SVG 文件如何渲染
- 尺寸:取自 SVG 的
width和height(px、pt、mm、cm 和 in 都会换算),或取自其viewBox;两者都没有的文件按 300 × 150 px 渲染。 - 透明:没有填充的区域在 PNG 中保持透明。
- 安全:SVG 文件中的脚本永远不会运行,也不会加载外部图片或网络字体。
- 文字:使用你设备上安装的字体,除非字体已嵌入 SVG。如需精确效果,请在设计软件中将文字转换为路径。
常见问题
如何从 SVG 得到高分辨率的 PNG?
添加文件前,先在 SVG 文件宽度中输入所需宽度,例如 2048 px。矢量图形会精确地按该宽度渲染,不会模糊。
为什么 PNG 中的文字看起来不一样?
SVG 使用的字体没有安装在你的设备上,也没有嵌入文件中。请在设计软件中将文字转换为轮廓(路径),或嵌入字体。
背景是透明的吗?
是的,除非 SVG 本身绘制了背景。如果需要带彩色背景的 JPG,请使用图片格式转换器。
我的文件会被上传吗?
不会。SVG 文件在你的浏览器中渲染,始终不会离开你的设备。