SVG转PNG

在线将SVG转换为任意宽度的PNG,并保留透明度。免费、私密,在浏览器中完成:文件绝不会上传。

文件在您的浏览器中处理,绝不上传。

如何将 SVG 转换为 PNG

  1. 把一个或多个 .svg 文件拖放到上传区域。
  2. 输入 PNG 的宽度,单位为像素(默认 1024)。高度会根据 SVG 的比例自动计算。
  3. 点击转换为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 中的动画和交互脚本不会被保留;您得到的是一帧静态画面。
提示:要制作 favicon?先在这里把 SVG 转换为 256 px 的 PNG,然后用 PNG转ICO 生成包含多种尺寸的图标文件。需要更小的文件?试试 PNG转WebP。

常见问题

PNG 会模糊吗?

不会,只要您选择的宽度不小于实际显示的尺寸即可。SVG 会直接以所选宽度渲染,不存在放大处理。

为什么 PNG 中的字体不对?

这个 SVG 很可能引用了网络字体或您电脑上安装的字体。导出 SVG 之前,请在设计工具中把文字转换为路径(轮廓)。

可以一次转换多个 SVG 文件吗?

可以。所有选中的文件都会以相同的宽度渲染。

更新于

评论

暂无评分

登录后即可为此工具评分。

分享技巧、提出问题,或说说这个工具对您是否有用。

还没有评论,来分享您的使用体验吧。

已复制到剪贴板