WebP 是什么？WebP 是一种同时提供了有损压缩与无损压缩的图片文件格式。能够大大压缩图片的大小，并且图片的品质和 png、jpeg 等雷同。WebP 的无损压缩比 png 格局的文件均匀少了 45％ 的大小。

如想获得最佳浏览体验，请拜访:[链接]家喻户晓，敬爱的苹果至今还没有齐全反对WebP压缩格局，而就当WebP还没有齐全取得反对时（仿佛就苹果不齐全反对）一个打着当年WebP的口号的全新图片压缩格局–AVIF半道杀了进去，它到底是什么来头，又会让苹果消耗多少年去反对呢…..咱们明天就来简略的理解一下。

一个网站的内容，不仅仅只有文字，图片、动图、视频等泛滥元素都在帮忙用户从咱们的网站获取更多的信息，当然，图片比起文字会耗费更多的网络资源，并且最令人担忧的是，它会减少网站的加载实现工夫，影响用户体验。

原文地址：[链接]作者：Fw恶龙本文首发于：思否一、前言对于 WebP 的反对状况，以及实用场景此处不做具体阐明，具体见官网文档。先说论断，目前 WebP 反对状况占比拟大（数据如下），在适宜的场景下能够应用 WebP 格局图片来进步页面加载速度。反对的浏览器占比达到近90%（数据起源：Can I Use）安卓零碎下大部分浏览器…

webp格局的图片在品质雷同的状况下，能够领有更小的体积。而且当初很多资源存储的云服务商都反对申请webp格局的图片。所以说，在网站中应用时webp格局，能够让网站关上更快，也更节俭网络带宽。然而并不是所有的网站都反对webP格局的，所以在应用之前，先判断下是否反对webP格局，上面的代码就提供了判断的办法。

目前在互联网上，图片流量仍占据较大的一部分。因此，在保证图片质量不变的情况下，节省流量带宽是大家一直需要去解决的问题。传统的图片格式，如 JPEG，PNG，GIF 等格式图片已经没有太多的优化空间。因此 Google…

懒加载／预加载（dns预读取、多个CND域名、异步读取JS（script 的defer、async））

Webp是Google强推的新一代网络图片格式，特点就是：高质量压缩。能压缩多少呢？5MB的原图，不降低效果，转换成webp格式后大小是几百KB。100KB的图，转换后是9KB。