对于不支持webp格式的图片的浏览器（IE、safari等）的解决办法
对于不⽀持webp格式的图⽚的浏览器（IE、safari等）的解决办
法
⽬的：优化⽹站，减少图⽚加载速度，提升⽤户体验，提⾼性能。
WebP 是由⾕歌（google）开发的⼀种旨在加快图⽚加载速度的图⽚格式，并能节省⼤量的服务器宽带资源和数据空间，在压缩率上⽐ JPEG 格式更优越，同时提供了有损压缩与⽆损压缩的图⽚⽂件格式，在质量相同的情况下，WebP 格式图像的体积要⽐ JPEG 格式图像⼩40%。
缺点：还没有在各个主流浏览器上兼容。
所以⽬前safari这个⿁也还没有⽀持他，这是个硬伤，我们来想想办法。
1.对于少量的或仅有⼏个图⽚的情况下，可以直接⽤
<picture></picture>
<picture>
  <source srcset="img.webp" type="image/webp">
赞美祖国的话  <img src="img.png">
</picture>
2.如果有⼤量页⾯需要更改，那么Apache的mod_rewrite模块可以帮助我们实现将.webp图像提供给⽀持的浏览器。
2011年12月思想汇报
来。我们来在.htaccess⽂件做做⼿脚，，，，，
将⽀持webp格式的浏览器，如果有此webp格式的图⽚则返回webp的图⽚，如果没有则显⽰原图⽚；对男友说一句感人的话
将不⽀持webp格式的浏览器，直接显⽰原图⽚。
#RewriteCond %{REQUEST_URI}  (?i)(.*)(\.jpe?g|\.png)$
1 <IfModule mod_rewrite.c>
2    RewriteEngine On
3
4# Check if browser supports WebP images
伍天锡
5    RewriteCond %{HTTP_ACCEPT} image/webp
6
能把男人下面撩湿的污情话
7# Check if WebP replacement image exists
8    RewriteCond %{REQUEST_FILENAME}.webp -f
9
10# Serve WebP image instead
11    RewriteRule (.+)\.(jpe?g|png|gif)$ %    {REQUEST_FILENAME}.webp [T=image/webp,E=REQUEST_image]
12    <IfModule mod_setenvif.c>
13        SetEnvIf Request_URI ".(jpe?g|png|gif)$" _image_request
14    </IfModule>
15    <IfModule mod_headers.c>
16Header append Vary Accept env=REQUEST_image
17    </IfModule>
18    <IfModule mod_mime.c>
如何去除家具味道19        AddType image/webp .webp
20    </IfModule>
21 </IfModule>
OK，现在已经⼤功告成啦，去喝杯茶，哈哈哈……
仅供学习使⽤，哪⾥有不对的或者不明⽩的可留⾔，⼀起来探讨。
注：转载请注明出处。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。