Cómo comprimir fotos sin perder calidad
Una guía práctica de compresión de imágenes para la web. ¿Cuál es la diferencia entre JPEG, PNG y WebP, qué calidad elegir y por qué el tamaño del archivo es importante para el SEO?
¿Por qué es importante comprimir imágenes?
Las imágenes son la principal razón de la lentitud de los sitios web. Según Google, el 53% de los usuarios abandonan un sitio web si tarda más de 3 segundos en cargarse. La optimización de imágenes afecta directamente a:
- Core Web Vitals (LCP - Pintura con contenido más grande)
- Calificación SEO (la velocidad es un factor de clasificación)
- Conversión (páginas rápidas = más ventas)
JPEG frente a PNG frente a WebP
| Formato | Compresión | Transparencia | Mejor para |
|---|---|---|---|
| --- | --- | --- | --- |
| **JPEG** | Con pérdidas (con pérdidas) | ❌ | Fotos, imágenes realistas |
| **PNG** | Sin pérdidas | ✅ | Logotipos, capturas de pantalla, texto |
| **WebP** | Con pérdida + Sin pérdida | ✅ | Todo: entre un 25 y un 35 % menos de JPEG |
Configuración de calidad recomendada
Fotos para redes sociales: JPEG 80-85%, 1200px
Banners en el sitio: WebP 80%, tamaño real
Iconos y logotipos: PNG (sin pérdidas)
Imágenes originales: JPEG 85%, 1200×630px
Fotos del producto: WebP 85%, 800px Regla 80/20 para calidad JPEG
Con una calidad del 100%, la diferencia con el 85% no se nota a simple vista, pero el tamaño del archivo es entre 3 y 4 veces más pequeño.
- 100% = 1,2 MB - no tiene sentido
- 85% = 380 KB - buen equilibrio
- 70% = 180 KB - compresión agresiva
- 50% = 90 KB - artefactos notables
Herramientas
Nuestro Image Compressor funciona directamente en el navegador; sus fotos no se transfieren al servidor. 100% privado.