Guía de compresión de imágenes: WebP vs AVIF vs JPEG vs PNG

Las imágenes suelen ser lo más pesado de una página web. Elegir el formato y la calidad adecuados reduce mucho el tamaño sin perder nitidez.

Con pérdida vs sin pérdida

Los formatos con pérdida (JPEG, WebP, AVIF) descartan detalles que apenas se notan y reducen mucho el archivo. Sin pérdida (PNG) conserva cada píxel: ideal para logos y transparencia, pero pesado para fotos.

Qué formato usar

• Fotos y miniaturas: WebP por defecto, 25–35% más pequeño que JPEG y muy compatible.
• Tamaño mínimo en navegadores modernos: AVIF.
• Máxima compatibilidad: JPEG.
• Logos, iconos, transparencia: PNG o WebP sin pérdida.

Elegir la calidad

• WebP / JPEG: calidad 70–80 equilibra tamaño y nitidez.
• AVIF: empieza en 50–60 para una calidad percibida similar.
• PNG no tiene control de calidad; si pesa mucho, suele ser una foto que debería ir en WebP.

Baja la calidad paso a paso y compara antes/después: elige el valor justo antes de que se note la pérdida.

En resumen

Usa WebP a calidad 75 para fotos web, AVIF para el menor tamaño y PNG para transparencia. Con Scrunch conviertes muchas imágenes a la vez, en tu navegador.