1. Por qué comprimir
El peso de las imágenes es uno de los mayores factores en LCP y transferencia inicial. Reducir bytes mejora rendimiento, SEO y conversión.
2. Formatos recomendados
- WebP: equilibrio excelente entre peso y calidad. Transparencia soportada.
- JPEG: fotos complejas; usa calidad 75–85.
- PNG: sólo cuando necesitas transparencia sin pérdida exacta.
3. Flujo sugerido
- Redimensiona a la resolución máxima real de uso.
- Convierte (si procede) a WebP.
- Ajusta calidad iterativamente (previsualizando artefactos).
4. Rangos de calidad prácticos
| Tipo | Calidad sugerida | Notas |
|---|---|---|
| Fotos | 80 | Balance |
| Ilustraciones suaves | 75 | Verificar degradados |
| Iconos / UI | WebP + 70 | Generalmente suficiente |
5. Evitar pérdidas visibles
- Compara lado a lado (herramienta Optimize).
- Fíjate en artefactos de bloques y banding de color.
- Sube un 5% si detectas degradación.
6. Flujo con Orqui
- Redimensiona a la anchura necesaria.
- Convierte a WebP si procede.
- Optimiza ajustando calidad.
7. Checklist final
- Peso menor que 250KB (hero) / 100KB (inline).
- Dimensiones ≤ requeridas por layout.
- Formato moderno (WebP) disponible.
- Calidad sin artefactos percibidos.