网站性能优化—WebP 全方位介绍

谈到优化网站性能时，主要目标之一就是减少要发送到浏览器的数据量（即 payload）。而当前，图片通常是页面构成中最耗费流量的部分，因此降低图片的大小是一个最为有效的优化网页前端性能的办法。

有很多工具可以压缩图像，以便减少文件大小，但仍然在一定程度上受文件类型的限制，图像编码的方式对最终生成文件的大小有很大的影响。 在这篇文章里将介绍一种被称为WebP 的新型图片格式，旨在在不影响用户体验的情况下减少图片的大小。

一.WebP是什么?

WebP 是由谷歌开发的一种图像格式，与 JPEG 图像相比，这种格式最多可以减少图片文件大小的 34%。从而显著优化页面加载时间和带宽使用情况。

根据谷歌团队的介绍，自从去年 Chrome Web Store 转而使用 WebP 后，整个网站图片的大小平均减少 30%。这相当于每天节省了数 tb 的带宽！谷歌的 Play Store 目前也使用 WebP 格式储存图像。

WebP 格式支持无损和有损的图像压缩、alpha 通道透明度、颜色配置文件、元数据和动画，这些特性使 WebP 格式成为一个为网络上所使用的图像提供的一站式的解决方案。 俯视过去几年互联网浏览趋势的演变，你就会发现，开发一个新的图片格式越来越重要。移动浏览现在占全球互联网流量的 15%，这一数字仍在上升，然而，这些移动设备的网络依赖的数据并没有以同样的速度提高。大部分人的移动浏览仍然被低带宽连接所限制，网页的加载速度慢得令人沮丧，而使用 WebP 之类技术来减少 web 页面的整体负载则有助于缓解这一现象。

二.使用 WebP 的利弊

与传统图像格式如 JPEG、PNG 或 GIF 相比，使用 WebP 有很多优势：

更小的文件尺寸

完全免费——开源的 WebP 是 2010 年由谷歌根据 BSD 协议所提供的

一种格式可以取代所有其他格式—— WebP 有能力取代 JPEG、 PNG 和 GIF，成为在 Web 上图像的单一格式

WebP 的主要缺点：

浏览器支持——WebP 目前支持桌面上的 Chrome 和 Opera 浏览器。手机支持仅限于原生的 Android 浏览器和 Android 系统上的 Chrome 浏览器

本地操作系统支持——WebP 目前不被任何操作系统原生支持。谷歌只是基本的开发了 Web 上的格式，但要将其添加到 Windows 成像组件中还需要有编解码器支持

注: WebP 图像也可以使用在 Android 应用程序和 iOS 应用程序上

四.将图像转换为WebP

谷歌已开发命令行工具将图像转换为 WebP，如果觉得太复杂，只少量转化图片，还可以用jpg to webp的在线转换工具，用鼠标点点就能解决问题。 相信WebP 图片的流行必然是一个趋势。