Reduce el peso de tus imágenes y haz tu web más rápida

En la mayoría de páginas, las imágenes suponen la mayor parte de los bytes que descarga el visitante. Reducirlas es, con diferencia, la forma más rápida de mejorar la velocidad de carga, sobre todo en móvil. Y la velocidad influye en la experiencia, en las ventas y en cómo te ven los buscadores.

1. Tamaño en píxeles. Una imagen de 4000 px mostrada en un hueco de 800 px malgasta datos. Reduce el ancho al que realmente se muestra.
2. Formato. WebP, y AVIF en el pase Pro, pesan menos que JPG o PNG para una calidad parecida.
3. Calidad. Bajarla unos puntos reduce mucho el peso con diferencias casi invisibles.

Esta herramienta te deja ajustar las tres cosas y ver el resultado con el comparador antes/después.

No hay un número mágico, porque depende de la imagen: una foto con mucho detalle tolera menos compresión que una ilustración plana. Un punto de partida razonable es WebP a calidad 75–80 y el ancho real de visualización. Si te pasas, el comparador te lo enseña enseguida y puedes subir un poco la calidad.

• Fotografías: WebP o JPG. El WebP pesa menos para una calidad parecida.
• Logotipos e ilustraciones planas: PNG optimizado o WebP sin demasiada compresión; si es vectorial, mejor SVG.
• Capturas con texto: WebP con calidad alta o PNG, para que las letras se lean bien.
• Imágenes con transparencia: WebP o PNG; el JPG no admite transparencia.

Reducir el peso del archivo es solo una parte. Otras prácticas que ayudan a que una web cargue mejor:

• Carga diferida (lazy loading) en las imágenes que no se ven al abrir la página.
• Indicar el ancho y el alto de cada imagen para que la página no «salte» al cargar.
• Versiones responsive para que el móvil descargue una imagen más pequeña que el ordenador. El pase Pro genera estas versiones y el código HTML.

Después de subir las imágenes optimizadas, mide la página con una herramienta de velocidad y fíjate en el apartado de imágenes: te dirá si aún hay archivos demasiado grandes o en un formato mejorable. Compara la mejora sobre todo en móvil y con conexión media, que es donde más se nota.