Scroogify.js Demo

Your screen is above Scroogify's configured threshold. Refresh the page now and the images below will load normally.

Normal usage

Scroogify never serves an image wider than the maximum pixel width of the device.

HTML attribute streched

Stretched images are sourced to their exact rendered dimension, saving even more precious bandwidth.

CSS percentage stretched

Same as before — only the rendered size is fetched. Note that the first image has a HTML width attribute, overridden with CSS.

Local images

Just to show that this works with images that don't come (directly) from placekitten.com.

Fork me on GitHub