Cómo optimizar imágenes para web sin perder calidad
Las imágenes son la causa número uno de que una web vaya lenta. Te explicamos cómo reducir su peso hasta un 90% sin que se note, paso a paso y sin programar.
Haz la prueba con la foto de cabecera de tu web. Descárgala y mira cuánto pesa. Si te sale algo como 2, 3 o 4 MB, acabas de encontrar al principal responsable de que tu página vaya lenta. Y la parte increíble: esa misma imagen podría pesar 200 KB — un 90% menos — sin que nadie notara la diferencia mirándola.
Las imágenes suelen representar más de la mitad del peso total de una página web. Cada foto sin optimizar es un ladrillo más en la mochila que tu web tiene que cargar en cada visita. Ya lo mencionamos en el artículo sobre velocidad de carga y en el de qué es el LCP: si tu imagen principal pesa demasiado, tu LCP se dispara y Google lo nota.
La buena noticia es que optimizar imágenes es de las cosas más fáciles y rentables que puedes hacer por tu web. No necesitas programar nada.
Los 3 factores que hacen que una imagen pese de más
1. El tamaño real es enorme
Una foto de móvil moderno puede tener 4000 píxeles de ancho. Pero el hueco donde la muestras en tu web quizá tiene 800. Estás obligando al navegador a descargar una imagen cinco veces más grande de lo que se ve. Es como comprar un sofá de tres metros para un salón de metro y medio.
La regla: ninguna imagen debería ser más ancha que el espacio máximo donde se muestra. Para la mayoría de webs, 1600 px de ancho es más que suficiente para una cabecera, y 800 px para imágenes dentro del contenido.
2. El formato es antiguo
JPG y PNG llevan décadas con nosotros, pero hoy existen formatos modernos — WebP y AVIF — que consiguen la misma calidad con la mitad (o menos) del peso. Casi todos los navegadores los soportan ya.
La regla: siempre que puedas, guarda tus imágenes en WebP. Solo con cambiar el formato, muchas imágenes bajan un 30-40% sin tocar nada más.
3. No están comprimidas
La compresión elimina información que el ojo humano no percibe. Una compresión bien hecha reduce el peso brutalmente manteniendo una calidad visual idéntica para cualquier persona.
La regla: una compresión al 80-85% de calidad es el punto dulce. Por debajo empiezan a verse artefactos; por encima, estás cargando peso innecesario.
El flujo práctico en 3 minutos (sin instalar nada)
- Redimensiona: si tu imagen tiene más de 1600 px de ancho, redúcela. Cualquier editor sirve, incluso el visor de fotos de tu ordenador.
- Comprime y convierte: entra en Squoosh (gratis, del propio Google, funciona en el navegador). Arrastra tu imagen, elige WebP a la derecha, ajusta la calidad al 80% y descarga. Verás el peso antes y después en tiempo real.
- Sube la versión ligera a tu web en lugar de la original. Para lotes grandes, TinyPNG procesa varias imágenes a la vez.
Resumen: antes y después
| Imagen sin optimizar | Imagen optimizada | |
|---|---|---|
| Ancho | 4000 px | 1600 px |
| Formato | JPG de la cámara | WebP |
| Peso | 3,5 MB | 180 KB |
| Diferencia visual | — | Ninguna perceptible |
| Impacto en tu LCP | Lo dispara | Lo mejora |
Un extra que casi nadie hace: el texto alternativo
Cuando subas una imagen, rellena su texto alternativo (alt text). Es una descripción breve que cumple dos funciones: ayuda a las personas con lectores de pantalla y le dice a Google qué muestra la imagen. "Fachada de la clínica dental en Valladolid" posiciona; "IMG_4521.jpg" no dice nada. Es un minuto de trabajo por imagen y suma tanto en accesibilidad como en SEO.
Lo que ganas
No es solo velocidad. Una web más ligera mejora tu LCP, sube tu puntuación en las Core Web Vitals, gasta menos datos de tus visitantes (que lo agradecen en móvil) y le dice a Google que cuidas la experiencia. Todo eso, por el precio de tres minutos por imagen.
¿Tus imágenes están frenando tu web?
En SeoSinDrama analizamos tu sitio y te decimos qué imágenes pesan de más, cuánto te están costando en velocidad y cuáles priorizar. Sin tecnicismos, sin humo, sin drama.
Una imagen vale más que mil palabras. Pero no debería pesar más que mil palabras. Optimizarla es de las mejoras más grandes que puedes hacer con el menor esfuerzo.
¿Tu web tiene errores SEO?
Analiza tu sitio gratis y recibe un informe claro con las mejoras más importantes.
Auditar mi web ahora →