经济日报
常见的做法是优先处理首页、列表页和文🎉章详情页中的大尺寸图片
通常,Apache和Ngin😎x都可以通过安🎨装相应的模块来支持WebP的传输
目前主流浏🎯览器都已经支持WebP,但为了兼容较旧版本的浏览器,你需要做好适配
webp格式: location ~* \
图片的alt属性不可省📚略 :无论使用哪种图片格式,都要给每个图片添加描述性的alt文本,这样百度才能理解图片的含义
传统的JPEG、PNG格式在很多场景下并没有被充分压缩,而WebP格式则能在保持同等视觉质📌量的前提下,将图片体积减少25%到35%左右
同时,建议你先对网站现有的图片资源进行一次梳理,明确哪些图片的访问量最大、哪些图片经过压缩后效果最明显
(jpg|jpeg|png)$ { add_header Vary Accept; if ($http_accept ~* "image/webp") { set $webp_true 1; } if (-f $request_filename