For an introduction to Client-Hints, refer to the readme in GitHub repo.

Served via custom demo server

Custom demo/reference server: see code on GitHub. Note that the "force_dpr query parameter is just for testing - in practice, the data is communicated via HTTP headers.

<img src="http://ch-dpr-demo.herokuapp.com/photo.jpg">

<img src="http://ch-dpr-demo.herokuapp.com/photo.jpg?force_dpr=1.0">

<img src="http://ch-dpr-demo.herokuapp.com/photo.jpg?force_dpr=1.5">

<img src="http://ch-dpr-demo.herokuapp.com/photo.jpg?force_dpr=1.8">

<img src="http://ch-dpr-demo.herokuapp.com/photo.jpg?force_dpr=2.0">

Served via nginx

See nginx.conf example on GitHub

<img src="photos/awesome.jpg" width="340">

<img src="photos/awesome.jpg">