如何将 SVG 转换为 PNG
- 把一个或多个
.svg文件拖放到上传区域。 - 输入 PNG 的宽度,单位为像素(默认
1024)。高度会根据 SVG 的比例自动计算。 - 点击转换为PNG,然后下载图片。
渲染在您的浏览器中完成,因此您的 Logo 和插图绝不会被上传或存储。
矢量图与位图:为什么要把 SVG 转换为 PNG?
SVG(可缩放矢量图形)用 XML 中的形状、路径和文字来描述图像。由于它由数学指令而不是像素构成,在任何尺寸下都能保持完全清晰,非常适合网站上的 Logo、图标和插图。
PNG 是一种位图格式:由固定的像素网格组成,采用无损压缩,并完全支持透明。很多地方根本不接受 SVG,包括:
- 社交媒体头像和帖子
- Microsoft Word、PowerPoint 和许多电子邮件客户端
- 应用商店、电商平台和许多在线表单
- 部分图片编辑器和较旧的软件
转换为 PNG 后,您得到的文件在任何地方都能使用,同时保留清晰的边缘和透明背景。
如何选择合适的宽度
由于 SVG 可以在任意尺寸下渲染而不损失质量,请选择您实际需要的宽度。生成的 PNG 宽度正好就是这么多像素。
| 用途 | 建议宽度 |
|---|---|
| Favicon 或小图标 | 64–512 px |
| 网站 Logo(包括高像素密度屏幕) | 显示宽度的 2 倍,例如 400–600 px |
| 社交媒体图片或演示文稿幻灯片 | 1080–1920 px |
| 印刷(300 DPI) | 以英寸为单位的印刷宽度 × 300,例如 5 英寸为 1500 px |
技巧与限制
- 透明度会被保留。没有填充的区域在 PNG 中仍然是透明的。
- 请包含 viewBox。带有
viewBox属性的 SVG 可以正确缩放到任意宽度。只设置了固定宽高或两者都没有设置的文件,渲染出来的尺寸可能出乎意料。 - 不会加载外部资源。出于安全原因,当 SVG 作为图片渲染时,浏览器不会加载它所引用的外部字体、图片或样式表。转换之前,请在设计工具中把文字转为轮廓,或者把字体和图片嵌入文件中。
- SVG 中的动画和交互脚本不会被保留;您得到的是一帧静态画面。
常见问题
PNG 会模糊吗?
不会,只要您选择的宽度不小于实际显示的尺寸即可。SVG 会直接以所选宽度渲染,不存在放大处理。
为什么 PNG 中的字体不对?
这个 SVG 很可能引用了网络字体或您电脑上安装的字体。导出 SVG 之前,请在设计工具中把文字转换为路径(轮廓)。
可以一次转换多个 SVG 文件吗?
可以。所有选中的文件都会以相同的宽度渲染。
更新于
评论
登录后即可为此工具评分。
分享技巧、提出问题,或说说这个工具对您是否有用。
还没有评论,来分享您的使用体验吧。