Retina.js tu web en alta resolución

Interesante script para poder utilizar imágenes en alta definición en un dispositivo con retina display.

Retina.js es un proyecto open source con el mostrar la mejor cara de tu website.

Cuando un usuario carga una página con un dispositivo tipo iPad, Retina.js chequea cada imagen para ver si existe una versión en alta resolución en el servidor y enviarla. Caso que el usuario no acceda desde un equipo con retina display no se envía dicha imagen ahorrando la transferencia y consecuente consumo de ancho de banda.

Además del script JavaScript con el que cambiar las imágenes servidas a sus versiones de alta resolución, Retina.js incluye un mixin para LESS para hacer lo propio con las CSS.

Por el momento la pantalla Retina display solo es usada en iPhone 4, iPhone 4S, en el iPod touch de cuarta generación y ahora también en la pantalla del nuevo iPad de tercera generación.

Todos los interesados en Retina.js van a poder encontrar desde la propia página del proyecto completa información acerca de su manejo y su funcionamiento.

Puedes acceder a la descarga gratuita (Licencia MIT) de la última versión de Retina.js
Advertisements

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.