SVG → WebP

SVG 转 WebP

把 SVG 按任意倍率栅格化成 WebP —— 透明完整保留,体积还比同样的 PNG 更小。

SVG → WebP

☞ 全程在你的浏览器中运行 —— 不会上传任何图片

将 SVG 拖放到此处

或点击浏览 —— 仅限 SVG

比 PNG 更小

为什么导出 WebP 而不是 PNG

WebP 和 PNG 一样保留 alpha 通道,压缩率却好得多 —— 同一张图常常只有 PNG 的三分之一大小,这也是它成为网页图片默认格式的原因。

当前所有浏览器都支持它。要留意的是浏览器之外:部分桌面软件、较老的邮件客户端和一些上传表单仍不接受 WebP,那种场合 PNG 或 JPG 依然是稳妥的选择。

三步完成

如何把 SVG 转成 WebP

01

拖入 SVG

选择一个 .svg 文件 —— 它始终留在您的设备上。

02

设置倍率与质量

选择 1×–4×,并决定保留透明背景还是换成纯色。

03

下载

按渲染出的像素尺寸保存 WebP。

快速解答

SVG 转 WebP 常见问题

WebP 能保留透明吗?

能。保持「透明背景」开关打开,alpha 通道会与 SVG 中完全一致地保留下来。若您更想烙上一块纯色,把它关掉即可。

比 PNG 小多少?

对纯色块的矢量图,通常在肉眼看不出差别的质量下小 50–70%。带渐变时差距更大;很小的图标差距会缩小,因为两种格式本来就都很小。

该选哪个倍率?

1× 对应 SVG 里写明的尺寸。给高分屏用 2× —— 矢量会按该尺寸重新渲染,所以结果是真正更清晰,而不是把图放大。

我的文件会被上传吗?

不会。SVG 在您的浏览器里用 Canvas 渲染,全程不离开这台设备。