1. Elige el formato adecuado

Cada formato tiene sus ventajas:

• JPEG: ideal para fotografías, buena compresión con pérdida mínima.
• PNG: perfecto para gráficos con transparencia, sin pérdida de calidad.
• WebP: formato moderno con excelente compresión y calidad visual.
• SVG: ideal para iconos y gráficos vectoriales escalables.

“Usar WebP puede reducir el tamaño de las imágenes hasta un 30% sin pérdida perceptible de calidad.”

2. Comprime las imágenes antes de subirlas

La compresión reduce el peso del archivo sin sacrificar calidad visual.

Herramientas recomendadas:

• TinyPNG
• JPEGmini
• ImageOptim
• Kraken.io

“La compresión con pérdida es útil para imágenes grandes, mientras que la compresión sin pérdida es ideal para gráficos.” —SoyDigital

3. Redimensiona según el uso real

No subas imágenes de 3000px si se mostrarán a 600px. Ajusta el tamaño al contenedor donde se mostrarán.

• Usa herramientas como Photoshop, Canva o ImageResize.org..
• Crea versiones responsive para distintos dispositivos.

4. Añade etiquetas ALT descriptivas

El texto alternativo mejora la accesibilidad y ayuda a Google a entender el contenido visual.

Ejemplo:

html

<img src="seo-auditoria.jpg" alt="Consultor SEO revisando auditoría técnica en portátil">

“Las etiquetas ALT bien escritas pueden aumentar el tráfico desde Google Imágenes.”

5. Implementa lazy loading

Carga diferida (loading="lazy") permite que las imágenes se carguen solo cuando están a punto de entrar en pantalla.

Ejemplo:

html

<img src="grafico-seo.jpg" loading="lazy" alt="Gráfico de rendimiento SEO">

Esto mejora la velocidad inicial de carga y reduce el consumo de recursos.

6. Usa un CDN para servir imágenes

Un Content Delivery Network distribuye tus imágenes desde servidores cercanos al usuario, reduciendo la latencia.

• Ejemplos: Cloudflare, BunnyCDN, KeyCDN.

7. Audita el rendimiento de tus imágenes

Herramientas útiles:

• Google PageSpeed Insights
• Lighthouse (Chrome DevTools)
• Semrush Site Audit
• Pingdom Tools

Estas herramientas te indican qué imágenes ralentizan tu sitio y cómo optimizarlas.

Beneficios de optimizar imágenes

“La optimización de imágenes puede mejorar el posicionamiento y reducir la tasa de rebote.”