Which solution you should choose for responsive images now?
If you consider to use responsive images as of today on a website please consider the following:
Do I really need responsive images on that project now? Most websites should wait for a standardized code to set up responsive images. Only if you really need to serve content to mobile and retina-devices on the same site you probably should consider setting this up.
Do you already use jQuery? If not, do not use a solution that is jQuery based. It makes no sense to load and fire up jQuery just to save fils-size of images. You understand what I mean, right?
Use a proper and future-proof implementation that:
- does not load images twice (small and large)
- does not use <picture> or other non-existing elements in markup
And this is where you can find out what to use:
https://docs.google.com/spreadsheet/ccc?key=0Al0lI17fOl9DdDgxTFVoRzFpV3VCdHk2NTBmdVI2OXc#gid=0
There are some missing techniques like adaptive-images.com or Respondu – another great framework for resp images.
Thanks!
-Anselm