把 SVG 转成保留透明背景的 PNG
标志、图标和简单图形常常是 SVG。应用、幻灯片和邮件需要 PNG。这个页面在浏览器里绘制 SVG,并保存带透明的 PNG。不会上传。
- 快
- 100% 私密
- 始终免费
- 任何浏览器
把图片拖到这个页面的任意位置
SVG 文件。透明的地方在 PNG 里仍然透明。文件留在这台设备上。
PNG 的宽度。小标志默认长边 1024 像素。留空的话,SVG 自己有尺寸就用那个。
什么时候用
需要背景能透过去的位图时使用 PNG。例如幻灯片上的标志、应用图标,以及 CMS 不接受 SVG 的图。
下载时保持 PNG。JPG 会把透明处填成白色。接收方支持的话,WebP 也可以保留透明。
结果是选定像素尺寸的静态图片,不是把矢量原样导出。需要大 PNG 时提高最大宽度,做网站图标时再调低。
如果还要格式化 JSON,或不把令牌贴到公开网站就查看内容,请使用 ToolBuddy。那个工具也在浏览器里完成。
怎么做
- 拖入 SVG。一次放多个也可以。文件留在这台设备上。
- 下载时保持 PNG。质量无关,PNG 是无损的。
- 最大宽度保持在 1024 左右,或设成实际需要的尺寸。
- 下载 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 文件会上传吗?
不会。绘制在这个浏览器标签页里完成。我们收不到这些文件。