Last Updated: February 20, 2016
·
2.444K
· anselm

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:

  1. 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.

  2. 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?

  3. 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