下一代网络图像格式-WebP

大家好，欢迎来到IT知识分享网。

什么是WebP

WebP 是一种现代图像格式，可为 Web 上的图像提供卓越的无损和有损压缩。使用 WebP，网站管理员和 Web 开发人员可以创建更小、更丰富的图像，从而使 Web 更快。

与 PNG 相比，WebP 无损图像的大小要小 26% 。在同等 SSIM质量指数下， WebP 有损图像比可比较的 JPEG 图像小 25-34% 。

无损 WebP支持透明度（也称为 alpha 通道），成本仅为22% 额外字节。对于可以接受有损 RGB 压缩的情况，有损 WebP 还支持透明度，通常提供比 PNG 小 3 倍的文件大小。

为什么要关注WebP

WebP 图像比对应的 JPEG 和 PNG 图像要小—文件大小通常减小 25–35%。这可以减小页面大小并提高性能。

• YouTube 发现，切换到 WebP 缩略图可以使页面加载速度提高 10%。
• Facebook 的经验是，在转为使用 WebP 后，文件大小比 JPEG 小 25-35%，比 PNG 小 80%。

WebP 是 JPEG、PNG 和 GIF 图像的绝佳替代者。此外，WebP 提供无损和有损压缩。无损压缩不会丢失任何数据。有损压缩可减小文件大小，但代价是可能降低图像质量。

WebP浏览器支持情况

从图中可知，96.96%的浏览器都已经支持了WebP格式。Google Chrome、Safari、Firefox、Edge、Opera 浏览器以及许多其他工具和软件库都原生支持 WebP 。

另外手机浏览器也同样支持到了WebP，因此，我们可以逐步的在我们的项目中使用WebP来替换之前的jpg,png图片了，让然，如果为了兼容老旧浏览器，则可以使用兼容形式的写法，将png,jpg的加载放在webp加载之后。

如何将PNG/JPG转换为WebP

这里为大家介绍2种WebP格式转换方式：

1.通过在线服务转换

在线转换的服务也比较多，基本上与下方截图的页面操作类似。

2.通过类库类转换

谷歌提供了Linux, mac, Window三个平台的类库。

最后

WebP 是一种使用有损和无损压缩格式的图像格式。能够创建使用混合压缩格式的图像可以创建比其他格式更小的文件大小的更丰富的图像。

对于网站设计师来说，WebP 是一种绝对令人惊叹的图像格式，使用WebP格式可以使我们的网站加载速度更快，看起来更好。因此，如果您没有使用 WebP，不妨去尝试一下。

.webp

欢迎感兴趣的小伙伴留言，转发一起交流学习。