Adaptive Images

Automatically adapts your existing HTML images for mobile devices.

31 Aug 11
Preview image of 'Adaptive Images'


Adaptive Images

Posted by David Bushell

One of the downsides to serving the same website to all devices (which you should be doing) is that the same desktop-sized images are a very heavy burdon on mobile phones. 

Adaptive Images is a technique to detect device size and serve compressed versions.

Why? Because your site is being increasingly viewed on smaller, slower, low bandwidth devices. Your desktop-centric images load slowly, cause UI lag, and cost your visitors un-necessary bandwidth and money. You've implemented a responsive design in CSS, and need something to adapt your <img>'s too.

I suspect we'll hear a lot more in this space and new solutions and experiments unfold.