SVG 转 PNG

把 SVG 矢量文件转换为高质量 PNG 图片,保留透明背景,可自由选择输出尺寸,得到适合网页、应用或印刷的清晰位图图像。

🌍 全球访问 🔒 隐私优先 ⚡ 即时转换 💯 无限使用
🔷

把SVG文件拖到这里

或点击选择文件

Advertisement

把 SVG 转换成尺寸完全符合需要的 PNG,并保留透明背景。设定输出宽度或高度,结果就按该分辨率渲染,这正是应用图标、社交图片以及任何需要位图文件的场合所需要的。

当图形带透明或边缘锐利时,PNG 就是正确的目标格式:Logo、图标、示意图和文字都属此类。因为 SVG 是由浏览器按所选尺寸渲染,而不是从小位图放大,所以无论多大尺寸输出都保持清晰。

如何把 SVG 转换成 PNG

1

选择一个 .svg 文件

2

设定输出尺寸

3

下载 PNG

常见问题

透明度会保留吗?

会,PNG 支持 alpha 通道,所以 SVG 里透明的区域仍然透明,不会变成白色。

应该导出多大尺寸?

导出你将要显示的最大尺寸,用于高密度屏幕时则翻倍。512×512 覆盖应用图标,1920 px 是宽幅横幅的良好基准。

为什么我的 SVG 看起来不对?

有些 SVG 引用了外部字体或图片,在独立渲染时无法加载;滤镜和混合模式的表现也可能不同。在源文件里把字体转成轮廓可以解决大多数情况。

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

转换器每次处理一个文件;批量处理请重复操作,或者转换一次之后再缩放副本。

用于网页,SVG 和 PNG 哪个更好?

图标和 Logo 直接用 SVG——体积更小,缩放完美。只有当平台不接受 SVG,或者你需要固定的位图尺寸时,才转成 PNG。

我的文件会被上传吗?

不会,渲染在你的浏览器里完成。

Advertisement

一览

输入SVG
多个文件否
运行位置在你的浏览器中——文件永远不会被上传
离线可用是 — 页面加载完成后
价格免费,无需注册,无水印

该选哪种输出格式

如果你是从 SVG 出发,需要一个位图,PNG 几乎总是正确答案:它保留透明,边缘和文字周围没有压缩伪影,按显示尺寸的两三倍渲染也依然锐利。只有当你要尽可能小的文件,并且没有透明或精细细节需要保护时才选 JPG,还要记住它完全无法表现透明——透明区域会变成白色或黑色。当图片要放到网站上,而你同时想要透明和更小的文件时,选 WebP。无论选哪一种,导出时都用比你以为需要的更高的分辨率:把一张大而干净的渲染图缩小,永远比把小图放大更好看。

SVG 输出的实用提示

SVG 是文本,所以它随你在导出时选择的分辨率缩放:按目标显示尺寸的 2 倍或 3 倍分辨率渲染,就能在高密度屏幕上保持锐利。因为是文本,它也容易被压缩和缓存,还能用 CSS 设置样式并做动画。有两点要注意:SVG 里的文字依赖字体是否可用,所以把文字转成轮廓能得到一个在哪里看都一模一样的文件,但它不再可选中、也不再可搜索;另外 SVG 可以包含脚本和外部引用,这就是上传表单和邮件客户端常常拒收它们的原因。