目的:优化网站,减少图片加载速度,提升用户体验。
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> 16 Header append Vary Accept env=REQUEST_image 17 </IfModule> 18 <IfModule mod_mime.c> 19 AddType image/webp .webp 20 </IfModule> 21 </IfModule>
OK,现在已经大功告成啦,去喝杯茶,哈哈哈……
仅供学习使用,哪里有不对的或者不明白的可留言,一起来探讨。
注:转载请注明出处。
对于不支持webp图片格式的浏览器(IE、safari等)的解决办法
原文:https://www.cnblogs.com/Wtingting/p/13367370.html