Optimizar imágenes, velocidad y espacio

Si necesitas optimizar imágenes has llegado al lugar indicado ¿ Sabías que puedes ahorrar hasta un 92% en el tamaño de tus archivos de imagen y todo ello sin perdida de calidad apreciable a simple vista?

Como desarrolladores debemos conocer la importancia de optimizar las imágenes que utilizamos o que utilizarán los usuarios de nuestra app.

  1. Un menor tamaño de ficheros hará que nuestra web cargue más rápido.
  2. Google tiene en cuenta la velocidad de carga de nuestra web para posicionarnos, por lo que es mejor para el SEO.
  3. Si permitimos subir imágenes a nuestros usuarios a nuestra web/api, podremos ahorrar en ancho de banda consumido tanto en la subida como en cada descarga/visualización.
  4. Como ventaja adicional ahorraremos espacio de almacenamiento.

Sin más os dejo con una comparativa de los diversos servicios y Apps de los formatos mas comunes, es decir JPG y PNG.

JPG Table

JPG Graph
PNG Table
PNG Graph
PNG Graph

Conclusión

Para jpg el mejor servicio/app el mejor es compressjpeg Para PNG el mejor es Optipng.

Las pruebas han sido realizadas para obtener una calidad de imagen resultante similar. Probablemente observarás ávido lector,que el ahorro es considerable pero no un 92%. Para conseguir esto próximamente podrás leer el post «Webp ese gran desconocido»

Complementos para optimizar imágenes

A continuación se muestran algunos complementos y librerías que pueden ayudarte en este proceso de optimización, todas ellas probadas y evaluas, por orden decreciente de valor aportado.

WordPress

  • Ewww optimizer
    • Gratuíto, multiformato y permite procesado por lotes.
  • TinyPNG
    • Herramienta de gran sencilled en su uso

C#.

Si os resulta interesante pronto haré un post sobre webp, otro gran formato para la web, un formato no muy conocido para el usuario medio pero que es maravilloso si hablamos de optimizar imágenes para la web.

Si quieres hacer algo bonito por los demás aquí te dejo una forma de utilizar tu página 404 para encontrar a personas desaparecidas.

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

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