Adaptar automáticamente imágenes a dispositivos móviles

Adaptive Images es un proyecto nuevo y muy novedoso por el cual vamos a poder adaptar automáticamente las imágenes de nuestro sitio para que se visualicen correctamente a las distintas resoluciones de los diversos dispositivos móviles.

Entre las principales ventajas de implementar este proyecto podemos destacar:

  • Se instala en 5 minutos.
  • Trabaja con sitios existentes y sin la necesidad de cambiar una sola linea de código.
  • Funciona directamente desde el servidor.
  • Funciona tanto en CMS como en sitios que no cuentan con una plataforma predeterminada.

Los requerimientos técnicos para utilizar Adaptive Images son muy sencillos: Apache 2, PHP 5 o superior, la finalmente la biblioteca gráfica GD.

El proyecto se encuentra desarrollado íntegramente en PHP, para instalarlo en nuestro sitio solo debemos incorporar unas directivas al htaccess, el proceso es muy sencillo.

Implementar esta biblioteca no solo se traduce en una mejora visual, sino que también se reflejaran importantes cambios en el rendimiento de nuestro sitio, la gráfica que inserto a continuación sirve perfectamente para entender el ahorro en transferencia que podemos llegar a obtener.

ajustar imagenes resoluciones móviles

El proyecto cuenta con algunas opciones de configuración avanzada, les recomiendo mirar la documentación oficial, no obstante de las opciones adicionales por el momento la que me resultado más interesante es la relacionada a la cache, especialmente importante para evitar sobrecargar nuestro servidor si nuestro sitio cuenta con cientos de visitas diarias.

Web: Adaptive Images

Categorizado en: