SVG → WebP
☞ 全程在你的浏览器中运行 —— 不会上传任何图片将 SVG 拖放到此处
或点击浏览 —— 仅限 SVG
WebP 预览
SVG → WebP
把 SVG 按任意倍率栅格化成 WebP —— 透明完整保留,体积还比同样的 PNG 更小。
或点击浏览 —— 仅限 SVG
WebP 预览
比 PNG 更小
WebP 和 PNG 一样保留 alpha 通道,压缩率却好得多 —— 同一张图常常只有 PNG 的三分之一大小,这也是它成为网页图片默认格式的原因。
当前所有浏览器都支持它。要留意的是浏览器之外:部分桌面软件、较老的邮件客户端和一些上传表单仍不接受 WebP,那种场合 PNG 或 JPG 依然是稳妥的选择。
三步完成
选择一个 .svg 文件 —— 它始终留在您的设备上。
选择 1×–4×,并决定保留透明背景还是换成纯色。
按渲染出的像素尺寸保存 WebP。
快速解答
能。保持「透明背景」开关打开,alpha 通道会与 SVG 中完全一致地保留下来。若您更想烙上一块纯色,把它关掉即可。
对纯色块的矢量图,通常在肉眼看不出差别的质量下小 50–70%。带渐变时差距更大;很小的图标差距会缩小,因为两种格式本来就都很小。
1× 对应 SVG 里写明的尺寸。给高分屏用 2× —— 矢量会按该尺寸重新渲染,所以结果是真正更清晰,而不是把图放大。
不会。SVG 在您的浏览器里用 Canvas 渲染,全程不离开这台设备。