|
Título: CSS Media queries & carga de imagenes Publicado por: [u]nsigned en 23 Septiembre 2016, 01:08 am 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?
Título: Re: CSS Media queries & carga de imagenes Publicado por: #!drvy en 23 Septiembre 2016, 01:16 am 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 Título: Re: CSS Media queries & carga de imagenes Publicado por: [u]nsigned en 23 Septiembre 2016, 01:20 am 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? Título: Re: CSS Media queries & carga de imagenes Publicado por: EFEX en 23 Septiembre 2016, 01:58 am 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). |