↓ Ir al contenido
  1. Artículos/

Optimizar imágenes, velocidad y espacio

·
Rubén Infante Docio
Autor
Rubén Infante Docio
Software engineer
Tabla de contenido

Introducción
#

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.

Comparativa
#

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 optimizar imágenes
JPG Graph

JPG Graph optimizar imágenes
PNG Table

PNG Table
PNG Graph

PNG Graph optimizar imágenes
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.

Relacionados