Responsive image loading questions

[Jon Yablonski]

I am trying to figure out if, when serving up a smaller image to replace the original desktop-sized image using a media query, are both images loaded? Also, is an image loaded even is it is set to display:none?

And finally, what is the best method to avoid mobile devices loading a large image intended for desktop/laptop users: would it be to manually switch out the images with css media queries, or possibly a script that does this instead?

Thanks in advance!
– j

[Jon Yablonski]

kgscott: I agree— complete control is good. This approach would be good, but is it efficient on a site w/ lots of images? Also, I wonder if the original image is still being loaded, in addition to the smaller image. Thanks for the response!

stevengrader: thanks for the response.

[nz86]

Try this one: https://github.com/filamentgroup/Responsive-Images I thin it’s what you’re looking for. Hope it helps

[Taiger]

If you are on Drupal check out the adaptive image module:
http://drupal.org/project/adaptive_image

[Author]

Posts