WebP格式
比JPEG小,比PNG小,支持透明度和动画。网页的默认选择。
WebP 是什么?
WebP由Google于2010年发布,源自VP8视频编解码器。它既有与JPEG竞争的有损模式,也有与PNG竞争的无损模式 — 并且在各自模式下,它在文件大小上都胜过它们。
关键在于,它的有损模式支持透明度,这是JPEG完全无法做到的。这种单一的组合 — 小巧、有损、透明 — 在旧格式中没有等效项,这也是WebP取代PNG成为许多网页资产的原因。
与视觉质量匹配的JPEG相比,通常可节省25-35%,而对于图形,与PNG相比节省更多。
常见用途
- 现代网站上的照片和图形
- 需要透明度但必须保持小尺寸的资产
- 作为GIF的更轻量级替代品的短动画
- 任何页面权重很重要的图像
优点
- 在同等质量下,比JPEG和PNG小得多
- 一种格式中同时支持有损和无损模式
- 两种模式都支持Alpha透明度
- 支持动画
局限性
- 浏览器之外的支持不一致 — 一些桌面应用程序和许多电子邮件客户端仍然拒绝它
- 在相同质量下仍然比AVIF大
- 编码比JPEG慢
- 有损WebP在低质量下可能会在非常锐利的边缘周围产生光晕
浏览器支持
所有当前浏览器都支持 — Chrome、Firefox、Safari和Edge。在浏览器之外,旧的桌面软件和电子邮件客户端可能会出现兼容性问题。