https://github.com/igrigorik/webp-detect

WebP with Accept negotiation
https://github.com/igrigorik/webp-detect

Last synced: 15 days ago
JSON representation

WebP with Accept negotiation

• Host: GitHub
• URL: https://github.com/igrigorik/webp-detect
• Owner: igrigorik
• Created: 2013-03-07T19:27:32.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2018-10-05T18:12:44.000Z (over 6 years ago)
• Last Synced: 2025-01-03T00:09:34.015Z (23 days ago)
• Language: C++
• Homepage: http://www.igvita.com/2013/05/01/deploying-webp-via-accept-content-negotiation/
• Size: 13.7 KB
• Stars: 244
• Watchers: 23
• Forks: 22
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# WebP with Accept negotiation

A collection of configuration scripts for serving WebP assets:

- Check if the client advertises "image/webp" in Accept header

- If WebP is supported, check if the local WebP file is on disk, and serve it

- If server is configured as proxy, append a "WebP: true" header and forward to backend

- Append "Vary: Accept" to the client response

Above sequence of steps allows [transparent Accept negotiation of WebP assets](http://www.igvita.com/2013/05/01/deploying-webp-via-accept-content-negotiation/) - no need to modify your existing applications. Either pregenerate the WebP files, or serve WebP files dynamically to approriate clients.

## Getting started

Download or copy the configuration file and run your server. For example:

```

$> nginx -c /path-to/webp-detect/nginx.conf

$> varnishd -a :8081 -T localhost:6082 -F -f varnish.vcl

```

With the above in place, access the page and look at the request header appended by the server - you will see a new `WebP` header sent to your application server if the browser supports WebP.

### What about server X?

* See list of included server configurations above.

* Connect middleware (node.js): https://github.com/msemenistyi/connect-image-optimus

* ... please send a pull request!