Las imágenes suponen más del 50 % del peso medio de una página en la web. Eso significa que un sitio lento casi siempre es un problema de imágenes. Comprimir bien las imágenes es la acción de mayor ROI para el rendimiento web, las Core Web Vitals y, por extensión, el posicionamiento SEO.
Las Core Web Vitals de Google usan el Largest Contentful Paint (LCP) como señal de posicionamiento principal. El LCP mide cuánto tarda en aparecer la imagen principal de la página. Una imagen héroe sin comprimir de 3 MB puede por sí sola causar un LCP >4 segundos — clasificado como «Deficiente» — y costarte posiciones.
| Formato | Mejor caso de uso | Soporte de navegador | Tamaño vs JPEG |
|---|---|---|---|
| WebP | Todas las imágenes web (fotos + gráficos) | 97 %+ de navegadores | 25–34 % más pequeño |
| AVIF | Fotos, imágenes de alta fidelidad | ~85 % (sin IE/Safari 15) | 40–50 % más pequeño |
| JPEG | Fotos (respaldo) | Universal | Referencia |
| PNG | Logos, capturas, transparencia | Universal | A menudo 3–5× más grande que JPEG |
| SVG | Iconos, logos, ilustraciones | Universal | Independiente de la resolución |
| GIF | Evitar — usa WebP animado o vídeo | Evitar | Hasta 10× más grande que WebP |
<picture> con respaldo AVIF → WebP → JPEG. Así se sirve el mejor formato que admite cada navegador sin sacrificar la compatibilidad.
<picture>
<source srcset="img.avif" type="image/avif">
<source srcset="img.webp" type="image/webp">
<img src="img.jpg" alt="...">
</picture>| Tipo de imagen | Ancho máx. | Tamaño objetivo (WebP) | Tamaño objetivo (JPEG) |
|---|---|---|---|
| Héroe / banner | 1920 px | <150 KB | <200 KB |
| Imagen destacada de entrada | 1200 px | <80 KB | <120 KB |
| Imagen de producto (e-commerce) | 800 px | <60 KB | <100 KB |
| Miniatura / imagen de tarjeta | 400 px | <20 KB | <35 KB |
| Avatar / foto de perfil | 200 px | <10 KB | <15 KB |
| Fondo (pantalla completa) | 1440 px | <100 KB | <150 KB |
Nunca sirvas una imagen de 4000 px de ancho en una columna de 800 px. Redimensiona primero al ancho máximo de visualización. Si sirves retina/HiDPI, usa 2× el tamaño de visualización CSS — una columna de 400 px recibe una imagen de 800 px, y luego comprime con fuerza.
Para máxima privacidad y velocidad, usa ImgMin — todo el procesamiento ocurre en tu navegador. Arrastra hasta 10 imágenes, comprime y descarga en ZIP. Sin subidas, sin límites, sin cuenta.
Para flujos del lado del servidor (CI/CD, CMS), herramientas como Sharp (Node.js), Pillow (Python) o cwebp (CLI) son excelentes opciones de automatización.
Añade loading="lazy" a todas las imágenes bajo el pliegue. Esto aplaza la carga hasta que el usuario se acerca a la imagen, ahorrando ancho de banda y mejorando notablemente el tiempo de carga inicial.
Especifica siempre los atributos width y height en tus etiquetas <img>. Esto reserva espacio en el diseño y evita el Cumulative Layout Shift (CLS) — otra métrica de Core Web Vitals que afecta al SEO.
Si usas Cloudflare, Vercel o AWS CloudFront, activa la optimización automática de imágenes. Estos servicios pueden servir WebP a navegadores modernos y cachear versiones optimizadas en nodos edge de todo el mundo — reduciendo notablemente la latencia.
add_image_size() de tu tema para que coincidan con los tamaños de visualización reales_800x.jpg para servir imágenes con el tamaño correctoWebP es el mejor por defecto para 2026 — 25–34 % más pequeño que JPEG con la misma calidad, admitido por el 97 %+ de los navegadores. Usa AVIF para una compresión aún mejor si tu audiencia usa Chrome o Firefox modernos. Mantén JPEG/PNG como respaldo.
Imágenes héroe: menos de 200 KB. Imágenes de contenido: menos de 100 KB. Miniaturas: menos de 30 KB. Imágenes de fondo: menos de 150 KB. Son objetivos WebP/JPEG — tu umbral exacto depende de la complejidad de la imagen.
Sí, directamente. Google usa las Core Web Vitals (LCP, CLS) como señales de posicionamiento. Las imágenes grandes sin comprimir son la principal causa de LCP lentos. Comprimir imágenes mejora la velocidad, reduce la tasa de rebote y puede elevar de forma notable el posicionamiento — sobre todo en móvil.
Comprime por lotes hasta 10 imágenes a la vez. Sin subidas, sin cuenta, sin límites.
Comprimir imágenes ahora →Última actualización: abril de 2026. Porcentajes de soporte de navegador de caniuse.com.