squeezr | device-aware adaptive images with squeezr
This is an example page for squeezr. As long as squeezr is active, the image below should adapt to the screen dimensions (not: the window dimensions!) of the device used to view this page. The longer screen side length will be used for breakpoint calculation (taking display density into account as well). These are the relevant cookies sent to the server:
These are the breakpoints defined for this page (sorted in ascending order):
The squeezr.images value () limits the maximum image side length returned by the server. Please be aware that your browser might be affected by the cookie race condition problem, so the first request of this page might not make the image being downscaled properly.
Furthermore, also the CSS stylesheet of this page should be processed by squeezr. However, it's really small and doesn't use media queries, so a byte saving can only be achieved by means of minification.