它们是图像网络的重要组成部分，但如果没有适当的优化，它们可能会给用户体验带来许多挑战。Google采用WebP作为解决这个问题的方案已经将近十年了。随着越来越多的浏览器、设备和软件支持它，网页设计者应该积极采用它作为默认的图像格式。
即使你根据网站的具体规格调整图像的大小，并通过压缩程序运行它们，它们仍然会对性能造成压力，并占用更多的带宽。更糟糕的是，所有这些图像处理可能会导致图像质量的下降。
考虑到图片对于网页设计的重要性，这不是我们能够轻松处理的元素，也不能承受优化图片时偷工减料的负担。那么，有什么解决办法呢？
我们来看看谷歌的建议:
几年前，谷歌旨在通过创建名为WebP的下一代图像格式来解决这个问题。我们可以从PageSpeed Insights的这张截图中看到，谷歌建议使用WebP和其他下一代格式，在保持图像质量的同时，大幅缩小图像的大小。
先说说使用WebP的好处。
仅仅说WebP比JPG和巴布亚新几内亚“更好”是不够的。理解WebP如何工作的机制以及为什么在其他文件格式中使用WebP如此有益是很重要的。
对于传统的图像格式，压缩总是导致妥协。
JPG有损压缩会导致图像清晰度和精细度的降低，一旦应用到互联网上，就无法挽回了。
WebP有损压缩使用所谓的预测编码来更精确地调整图像中的像素。我们引用谷歌的话，还有其他因素在起作用:
块自适应量化也非常不同。滤波有助于中/低比特率。与霍夫曼编码相比，布尔算术编码提供了5%-10%的压缩增益。"
谷歌估计，平均而言，WebP有损压缩将导致文件质量比同等质量的JPG低25%至34%。
至于PNG无损压缩，它在保持图像质量方面是有效的，但它对图像大小的影响不如JPG。
WebP更有效地处理这种类型的压缩。这是由于使用了各种压缩技术和应用于图像的熵编码。让我们来看看谷歌是如何解释其工作原理的:
应用于图像的转换包括像素之间的预测空、颜色之间的转换空、使用局部出现的调色板、将多个像素打包成一个像素以及alpha替换
平均而言，谷歌估计WebP无损压缩产生的文件比同等质量的PNG小26%左右。
WebP可以执行其他文件格式不能执行的操作。设计师可以对RGB颜色使用WebP有损编码，对透明背景的图像使用无损编码。
由于无损压缩和有损压缩的强大组合，动画视频的大小可以比GIF压缩视频小得多。
谷歌估计，使用有损压缩时，平均压缩率约为GIF原始大小的64%，而使用无损压缩时，平均压缩率为19%。
不用说，就维持图像完整性的速度而言，目前还没有办法打败WebP，取代它。
