AVIF vs WebP

En eficiencia de compresión, sí: AVIF genera archivos entre un 20% y un 30% más pequeños que WebP con una calidad visual equivalente. AVIF también admite HDR, gamas de color más amplias y no tiene restricciones de licencia. Sin embargo, WebP tiene actualmente mayor compatibilidad con navegadores y una codificación más rápida.

AVIF es compatible con Chrome 85+, Firefox 93+, Safari 16.4+ y Edge 121+. Esto cubre la gran mayoría de los navegadores modernos, aunque algunas versiones antiguas y navegadores poco comunes podrían no admitirlo.

Lo ideal es usar ambos. Sirve AVIF como formato principal y WebP como alternativa mediante el elemento picture de HTML. Así obtienes la mejor compresión en los navegadores modernos y mantienes la compatibilidad con los demás.

AVIF usa el códec AV1, que es computacionalmente complejo. Codificar una imagen AVIF puede tardar entre 10 y 100 veces más que WebP. Por eso es menos adecuado para la codificación en tiempo real, pero perfecto para la optimización en tiempo de compilación, donde las imágenes se codifican una vez y se sirven muchas veces.

Sí, AVIF admite secuencias animadas, aunque las herramientas y la compatibilidad de los navegadores con AVIF animado están menos maduras que con WebP animado. Para contenido animado, WebP sigue siendo por ahora la opción más práctica.