Skip to content

Instantly share code, notes, and snippets.

@jonathantneal
Last active July 23, 2019 13:16
Show Gist options
  • Save jonathantneal/6012598 to your computer and use it in GitHub Desktop.
Save jonathantneal/6012598 to your computer and use it in GitHub Desktop.
WebP support with fallback for all browsers
AddType image/webp webp
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} Chrome [OR]
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_URI} ^(.+)\.(gif|jpe?g|png)$ [NC]
RewriteRule . %1.webp [T=image/webp,E=accept:1]
RewriteCond %{HTTP_USER_AGENT} !Chrome
RewriteCond %{HTTP_ACCEPT} !image/webp
RewriteCond %{REQUEST_URI} ^(.+)\.webp$ [NC]
RewriteCond %{DOCUMENT_ROOT}/%1.png -f
RewriteRule . %1.png
RewriteCond %{DOCUMENT_ROOT}/%1.jpg -f
RewriteRule . %1.jpg
RewriteCond %{DOCUMENT_ROOT}/%1.jpeg -f
RewriteRule . %1.jpeg
RewriteCond %{DOCUMENT_ROOT}/%1.gif -f
RewriteRule . %1.gif
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment