28/10/2012, 06:53
|
| | | Fecha de Ingreso: abril-2010
Mensajes: 298
Antigüedad: 14 años, 6 meses Puntos: 1 | |
| Imagenes Sensibles
En cuanto al tema de responsive images, hasta ahora habia cargado una imagen de 500px x 500px por ejemplo con el tag <img y heihght y width al 100% dentro de un div wraper con un width en % , esto hace que se adapte y funciona.
Pero ahora que lo pienso , seria una opcion cargar por css el background-image en el media query para evitar cargar una imagen mas pesada de lo necesario en dispositivos moviles?
De esta manera si entra en una pantalla de 1000px pues cargo una imagen de mayor calidad por ejmplo pesa 300kb pero si entras de movil y se que le ancho maximo sera de 480px y el div de la imagen se reducira hasta unos 250px pues podria cargar una imagen que quizas ocupe 80kb, por lo que la carga seria menor, la experiencia mejoraria en cuanto al tiempo de carga...
Es una buena opcion? una tonteria? tiene contras al no disponer de un tag img con alt para seo???
Gracias. |