Is a solution to automatically create, cache, and deliver device-appropriate versions of your website’s content images. It does not require you to change your mark-up. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques.

• Ensures you and your visitors are not wasting bandwidth delivering images at a higher resolution than the vistor needs.
• Will work on your existing site, as it requires no changes to your mark-up.
• Is device agnostic (it works by detecting the size of the visitors screen)
• Is CMS agnostic (it manages its own image re-sizing, and will work on any CMS or even on flat HTML pages)
• Is entirely automatic. Once added to your site, you need do no further work.
• Highly configurable
  • Set the resolutions you want to become adaptive (usually the same as the ones in your CSS @media queries)
  • Decide whether you want to go Mobile First or Desktop First if JavaScript is unavailable
  • Choose where you want the cached files to be stored
  • Configure directories to ignore (protect certain directories so AI is not applied to images within them)

Find out more, and view examples at http://adaptive-images.com

Adaptive Images by Matt Wilcox is licensed under a Creative Commons Attribution 3.0 Unported License