Online Image Converter

把 SVG 转成保留透明背景的 PNG

标志、图标和简单图形常常是 SVG。应用、幻灯片和邮件需要 PNG。这个页面在浏览器里绘制 SVG,并保存带透明的 PNG。不会上传。

  • 快
  • 100% 私密
  • 始终免费
  • 任何浏览器

把图片拖到这个页面的任意位置

SVG 文件。透明的地方在 PNG 里仍然透明。文件留在这台设备上。

PNG 的宽度。小标志默认长边 1024 像素。留空的话,SVG 自己有尺寸就用那个。

什么时候用

需要背景能透过去的位图时使用 PNG。例如幻灯片上的标志、应用图标,以及 CMS 不接受 SVG 的图。

下载时保持 PNG。JPG 会把透明处填成白色。接收方支持的话,WebP 也可以保留透明。

结果是选定像素尺寸的静态图片,不是把矢量原样导出。需要大 PNG 时提高最大宽度,做网站图标时再调低。

如果还要格式化 JSON,或不把令牌贴到公开网站就查看内容,请使用 ToolBuddy。那个工具也在浏览器里完成。

怎么做

  1. 拖入 SVG。一次放多个也可以。文件留在这台设备上。
  2. 下载时保持 PNG。质量无关,PNG 是无损的。
  3. 最大宽度保持在 1024 左右,或设成实际需要的尺寸。
  4. 下载 PNG。SVG 里透明的部分仍然透明。

小提示

  • 文件里的 24×24 图标如果原样导出,会变成很小的 PNG。这个页面默认把长边做成 1024 像素。
  • SVG 标志后面如果已经画了白色矩形,PNG 里也会留下。那层填充就在图里。
  • SVG 里链接的照片、网页字体和外部 CSS 常常加载不到。已经变成轮廓的图形可以干净地转换。
  • 网站如果能用原来的 SVG,就不要放上很大的 PNG。

相关

常见问题

PNG 会保留透明背景吗?
如果 SVG 那里是透明的,就会保留。PNG 会保留透明通道。转成 JPG 时,那些地方会变成白色。
标志为什么会变成宽 1024 像素?
很多 SVG 没有可用的像素尺寸。24×24 的 viewBox 很常见。小文件会按长边 1024px 绘制,这样 PNG 才用得上。想要其他尺寸,请改最大宽度。
可以一次转换多个 SVG 吗?
可以。然后下载打包好的 PNG zip。
SVG 文件会上传吗?
不会。绘制在这个浏览器标签页里完成。我们收不到这些文件。