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?
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!