WebP image replacement with htaccess

[ { "path": ".htaccess", "content": "\n RewriteEngine On\n\n # Check if browser supports WebP images\n RewriteCond %{HTTP_ACCEPT} image/webp\n\n # Check if WebP replacement image exists\n RewriteCond %{DOCUMENT_ROOT}/$1.webp -f\n\n # Serve WebP image instead\n RewriteRule (.+)\\.(jpe?g|png|gif)$ $1.webp [T=image/webp,E=REQUEST_image]\n\n\n\n # Vary: Accept for all the requests to jpeg, png and gif\n Header append Vary Accept env=REQUEST_image\n\n\n\n AddType image/webp .webp\n\n" }, { "path": "README.md", "content": "# WebP images with htaccess\nThis snippet detects if the browser [supports WebP](http://caniuse.com/#search=webp) images and then serves a .webp image instead of jpg/png if a .webp file is available at the same location as the supplied jpg/png/gif. Read more about the webp format and other ways to serve it here: [https://images.guide](https://images.guide/#how-do-i-serve-webp).\n\n## Usage\nPlace the following in your .htaccess file and jpg/png/gif images will be replaced with WebP images if found in the same folder.\n```apache\n\n RewriteEngine On\n\n # Check if browser supports WebP images\n RewriteCond %{HTTP_ACCEPT} image/webp\n\n # Check if WebP replacement image exists\n RewriteCond %{DOCUMENT_ROOT}/$1.webp -f\n\n # Serve WebP image instead\n RewriteRule (.+)\\.(jpe?g|png|gif)$ $1.webp [T=image/webp,E=REQUEST_image]\n\n\n\n # Vary: Accept for all the requests to jpeg, png and gif\n Header append Vary Accept env=REQUEST_image\n\n\n\n AddType image/webp .webp\n\n```\n\n## Preferred solution\nControlling your files using htaccess sure is fun, but a more responsible way is to use the `