Make your website images truly responsive as well!
Adaptive Images detects your visitor's screen size and automatically creates and delivers device appropriate re-scaled versions of your web page's embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques.
Why? Because your site is being increasingly viewed on smaller, slower, low bandwidth devices. On those devices your desktop-centric images load slowly, cause UI lag, and cost you and your visitors un-necessary bandwidth and money. Adaptive Images fixes that.
This library is a port of the original PHP solution that was authored by Matt Wilcox. Original solution is documented and detailed here: http://adaptive-images.com
Building on top of ImageResizer
Source Code and Downloads
<head> of your site. It MUST go in the head as the first
bit of JS, before any other JS. This is because it needs to work as soon as possible, any delay
wil have adverse effects.
How it works
If a cookie not set, mobile devices will be supplied with the smallest image that matches the smallest breakpoint resolution configuration - which is currently set to 480px and cannot be customised.
All image resizing is handled OOB by ImageResizer (http://imageresizing.net/).