Densidad de píxeles móviles: ¿varios tamaños de imagen o servir a todos la imagen de alta resolución?

Estoy buscando cómo hacer que las imágenes se vean bien en dispositivos Android y iPhone con alta densidad de píxeles, y sigo encontrando dos formas de hacerlo: una es tener hojas de estilo separadas que muestren imágenes más grandes para teléfonos hdpi y escalas hacia abajo en el CSS al tamaño correcto.

La otra es una sugerencia de que les sirva a todos la imagen hdpi y la reduzca, y las personas con teléfonos de baja resolución seguirán viendo una imagen agradable, solo están descargando más de lo necesario.

Parece que mantener 3 hojas de estilo diferentes (baja, media, alta) es una gran pérdida de tiempo, así que me inclino por la última. ¿Hay alguna razón para no hacerlo también?

preguntado el 16 de mayo de 11 a las 20:05

1 Respuestas

En lugar de mantener 3 hojas de estilo diferentes, puede usar SASS / LESS para agregar algo de lógica a sus archivos CSS y automatizar el proceso y usar alguna solución del lado del servidor para simplemente cambiar la ruta según la detección.

Respondido el 16 de diciembre de 11 a las 04:12

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.