[SOLUCIONADO] Media-Queries e imágenes de fondo

[NueveReinas]

Hola gente;

me ha surgido una duda mientras estaba terminando un prototipo web, y necesito saber qué hay para conocer al respecto.

El caso en cuestión es que tengo un contenedor que tiene de fondo una imagen grande (1920 x 800, JPG, 130KB), pero quiero saber si cuando la pantalla sea menor a X (lo detecto por medio de las MQ), al ponerle una imagen de fondo más pequeña (por ejemplo, 650 x 480) va a cargar la imagen grande y la pequeña y mostrar solo la pequeña, o si sólo va a cargar la imagen más pequeña y mostrarla.

Espero que se me entienda...

Saludos, jrasias d ante braso.

[fede5426]

No estoy seguro, pero lo que se me ocurre es que si le estas indicando con media queries que cuando sea menor la pantalla cargue un fondo mas pequeño, dejaría de cargar la otra imagen.. me interesa la pregunta, espero respuesta yo tambien

De igual forma, no se te ocurrió ponerle un background-size: 100%; y que se autoajuste? O no sirve para tu caso?

Saludos

[NueveReinas]

Iniciado por fede5426

De igual forma, no se te ocurrió ponerle un background-size: 100%; y que se autoajuste? O no sirve para tu caso?

No es lo mismo; es una cuestión de relación peso-tiempo.

Por ejemplo, en lugar de cargar 130KB, podría cargar sólo 60KB de la misma imagen pero dimensionada en 650 x 480.

[NueveReinas]

Encontré algo de información acá: https://css-tricks.com/forums/topic/...f-media-query/

Un usuario comenta que existe una serie de pruebas para comprobar esto que yo estaba preguntando. Por lo visto, varía según el navegador.

Concretamente, yo estaba buscando esta: http://timkadlec.com/mq/test5.php

¡Resuelto!

[pzin]

Por regla general es buen método. La mayoría de navegadores solo cargan la imágenes si se cumplen las condiciones de las media-queries. Ten en cuenta que el artículo que enlazaste es bastante viejo y fue en plena eclosión del RWD, por lo que la muchos navegadores se estaban adaptando y hoy ya lo ha hecho.

[NueveReinas]

Iniciado por pzin

Por regla general es buen método. La mayoría de navegadores solo cargan la imágenes si se cumplen las condiciones de las media-queries. Ten en cuenta que el artículo que enlazaste es bastante viejo y fue en plena eclosión del RWD, por lo que la muchos navegadores se estaban adaptando y hoy ya lo ha hecho.

Es cierto, olvidé ese detalle.