I’m pleased to say that I’ve taken an earlier idea further and now have a fairly well tested and production-ready solution to the problem of creating and supplying device-sized embedded images dynamically.
What is it?
How to use it
This will work on any site, but I have built it with the specific intention of coupling it with CSS Responsive Designs and Fluid Image techniques. Both of which are great, and I think Adaptive Images complements them well.
Why the name change?
Two reasons: firstly to help differentiate this solution from a similar one by Filament Group. Secondly because it’s actually more appropriate. Filament Groups solution is more “responsive” in that it only serves up existing images (and you need to write the HTML to take advantage of that). Mine actually adapts your existing images as well as responding to device size, and doesn’t need any special mark-up or naming convention.