Cómo comprimir imágenes para la web (sin destruir la calidad)
La velocidad de página es un factor de clasificación de Google, y las imágenes representan típicamente el 50-80% del peso total de una página. Comprimir correctamente tus imágenes es lo más impactante que puedes hacer para el rendimiento de tu sitio.
¿Listo para optimizar? Pruébalo ahora - gratis, sin registro.
Smart Compress - Auto-Optimizar →Por qué importa la compresión de imágenes
- 53% de los usuarios móviles abandonan una página que tarda más de 3 segundos en cargar (Google)
- Cada 100ms de mejora en el tiempo de carga aumenta las conversiones en 1% (Deloitte)
- Los Core Web Vitals impactan directamente el ranking de Google - el LCP casi siempre es una imagen
- La página web promedio sirve 1,5 MB de imágenes - la mayoría sin optimizar
La lista de verificación de compresión de imágenes
- Elige el formato correcto: WebP para web, JPG para fotos, PNG solo cuando necesitas transparencia y no puedes usar WebP
- Redimensiona primero: No sirvas una imagen de 4000px en un contenedor de 800px. Redimensiona tus imágenes al tamaño de visualización (o 2x para retina).
- Comprime: Usa calidad 75-85 para formatos con pérdida. La mayoría de usuarios no ve la diferencia.
- Usa WebP: Convierte a WebP para una reducción instantánea del 25-35%.
- Carga diferida: Añade
loading="lazy"a las imágenes debajo del pliegue. - Especifica dimensiones: Incluye siempre los atributos
widthyheightpara evitar el desplazamiento de diseño.
Herramientas de compresión gratuitas
- Smart Compress: Encuentra automáticamente el ajuste de calidad óptimo. Funciona completamente en tu navegador.
- Compress WebP: Control manual de calidad para imágenes WebP.
- Conversión en lote: Convierte y comprime múltiples imágenes a la vez.
Tabla de referencia de ajustes de calidad
| Caso de uso | Calidad JPG | Calidad WebP | Notas |
|---|---|---|---|
| Imágenes hero | 85-90 | 80-85 | Visible, alto impacto |
| Imágenes de blog | 75-85 | 70-80 | Equilibrio calidad/rendimiento |
| Miniaturas | 60-75 | 55-70 | Pantalla pequeña = calidad reducida OK |
| Imágenes de fondo | 50-70 | 45-65 | Suelen estar difuminadas - compresión agresiva OK |
Preguntas frecuentes
¿Cuánto puedo comprimir una imagen sin perder calidad?
Para JPG/WebP con pérdida: la calidad 75-85 es generalmente visualmente indistinguible del original. Por debajo de 60, los artefactos de compresión se vuelven notables.
¿Debo comprimir imágenes antes o después de subir a mi CMS?
Antes. Aunque algunos CMS (WordPress, Shopify) comprimen imágenes al subir, no convierten a WebP por defecto. La pre-compresión te da control total sobre la calidad y el formato.
¿Cuál es el tamaño ideal de imagen para páginas web?
Apunta a menos de 200 KB por imagen para contenido general, y menos de 500 KB para imágenes hero/banner. El peso total de imágenes de la página debería mantenerse bajo 1,5 MB para buenos scores de Core Web Vitals.
Convierte tus imágenes ahora - 100% gratis, funciona en tu navegador.
Smart Compress - Auto-Optimizar →