Cómo comprimir imágenes para una web
Las imágenes suelen ser lo más pesado de una página. Así puedes aligerarlas.
1. Redimensiona al tamaño en que se muestra
Una foto de 4000 px mostrada a 800 px desperdicia el 96 % de sus píxeles. Redimensiona las imágenes como mucho al doble del ancho en que se muestran para que se vean nítidas en pantallas retina.
2. Elige un formato moderno
WebP es compatible con todos los navegadores modernos y suele ser entre un 25 y un 35 % más ligero que JPG. AVIF es aún más ligero para fotos. Reserva PNG para los gráficos que deben ser sin pérdida.
3. Elige la calidad adecuada
Una calidad de 75–82 no tiene pérdida visible en la mayoría de las fotos. Compara el antes y el después para encontrar el ajuste más bajo que sigue viéndose bien.
4. Elimina los metadatos
Los datos EXIF pueden añadir decenas de kilobytes a cada imagen y revelar información privada. Elimínalos antes de publicar.
5. Automatízalo
Usa el procesamiento por lotes para las bibliotecas existentes y la API o un plugin del CMS para las nuevas subidas, así cada imagen se optimiza automáticamente.