WebP 是兼顾透明背景与压缩效率的现代网页格式。本指南说明 SVG 转 WebP 的用途、有损与无损的区别以及质量选择。
什么是 WebP?
WebP 是 Google 推出的现代图片格式,同时支持有损压缩与无损压缩,并且支持透明背景。在相近画质下,WebP 的文件体积通常明显小于 PNG 和 JPG。
所有主流浏览器(Chrome、Edge、Firefox、Safari 14 及以后版本)都已原生支持 WebP。
SVG 转 WebP 有什么好处?
网页场景下,WebP 能让页面加载更快、节省流量,同时保留透明背景,非常适合网站图标、插图等素材。
当你需要把矢量图形以位图形式用于网页(例如无法直接使用 SVG 的组件库或第三方平台)时,WebP 是兼顾画质与体积的好选择。
有损与无损怎么选择?
有损 WebP 会在编码时丢弃部分视觉上不敏感的细节,文件更小,适合大多数网页场景,默认 80–90 质量通常足够。
无损 WebP 保留全部细节,适合需要精确还原或多次编辑的素材,但文件会更大。
WebP 的兼容性如何?
现代浏览器均已支持 WebP。但部分老旧软件、图片查看器或早期移动系统可能无法打开 WebP,如果需要发给他人或用于老旧环境,建议先确认兼容性。