CSS Media queries & carga de imagenes

[[u]nsigned]

Hola! tengo uno duda, supongamos que yo declaro 3 media queries para 3 tamaños diferentes de navegador. En cada uno cargo una imagen diferente segun el tamaño...mi duda es si se cargaran las 3 imagenes y solo se mostrara la que corresponde o solo se carga la que se va a mostrar?

[#!drvy]

Normalmente, el navegador no carga ninguna imagen del CSS mientras no tenga un estado de visibilidad positivo para el navegador. Ten en cuenta eso si que esta regla no se suele cumplir con los <img> incluso aunque tengan display:none; (aunque segun he podido comprobar, las ultimas versiones de webkit estan al tanto y si ignoran la carga).

Saludos

[[u]nsigned]

Gracias por responder!!!

Yo las imagenes las uso como fondo del body, con la propiedad background de CSS. En este caso solo debería cargar la que va a mostrar, es correcto?

[EFEX]

Asi es, podes verlo en la consola cuando hace la peticion al agrandar o achicar la pantalla.

Tambien existe el nuevo elemento <picture> y atributos srcset, sizes por si te interesa leer(Existe un pollyfill para versiones de IE tambien).