AVIF

AVIF (AV1 Image File Format) es un formato de imagen moderno derivado del códec de vídeo AV1. Estandarizado en 2019. Comprime un 20-30% más pequeño que WebP con calidad visual equivalente.

Como WebP, AVIF admite tanto modo con pérdida como sin pérdida, canal alfa completo (transparencia), animación, HDR y gamas de color ampliadas. A diferencia de WebP, su codificación es costosa — los codificadores pueden tardar de 10 a 100 veces más que la codificación WebP equivalente para la misma entrada. La decodificación es rápida (el decodificador de vídeo AV1 está bien optimizado, incluyendo aceleración por hardware en CPU y GPU recientes).

Compatibilidad con navegadores a partir de 2026: ~93% a nivel global. Chrome desde 2020, Firefox desde 2021, Safari desde 2022. Los dispositivos Android y Apple más antiguos aún no lo admiten.

Cuándo merece la pena el coste de codificación de AVIF:

• Sitios con muchas imágenes donde el peso de la página es crítico — imágenes de héroe en comercio electrónico, galerías, medios de comunicación.
• Imágenes servidas por CDN donde la codificación ocurre una sola vez en el momento de la subida.
• Audiencias principalmente móviles con conexiones medidas — el ahorro de ancho de banda del 20-30% se acumula.

Para la mayoría de los flujos de trabajo, WebP es la opción más sencilla por defecto y AVIF es una optimización valiosa cuando ya tiene una cadena de compilación que produce múltiples variantes de formato y las sirve mediante la alternativa <picture>.

Ejemplo práctico

Tome una fotografía de 4000×3000 píxeles de un smartphone moderno. El JPEG original de la cámara a calidad 85 ocupa aproximadamente 4,2 MB. Recodificar la misma imagen a WebP con calidad 80 (visualmente equivalente) produce unos 2,8 MB — un ahorro del 33%. Recodificar a AVIF con calidad 60 (aún visualmente equivalente porque la escala de calidad de AVIF es numeración más baja para el mismo resultado percibido) produce unos 1,9 MB — un ahorro del 55% frente a JPEG y del 32% frente a WebP. El tiempo de codificación cuenta la otra mitad: JPEG se codifica en ~50 ms en un portátil moderno, WebP en ~300 ms, AVIF en ~3-8 segundos con el preset lento pero de alta calidad. Los tiempos de decodificación son aproximadamente equivalentes entre los tres porque el decodificador AV1 está bien optimizado. Para una única imagen de héroe mostrada en un millón de cargas de página, el coste de codificación se amortiza una vez; para una galería de imágenes subidas por usuarios transcodificadas sobre la marcha, AVIF puede ser impracticable.

Cuándo y por qué importa

AVIF importa cuando los costes de ancho de banda (salida de CDN, límites de datos en móvil, Core Web Vitals) superan el tiempo de codificación. El despliegue más común es una cadena de compilación (Next.js Image, Cloudflare Polish, ImageKit) que produce variantes AVIF + WebP + JPEG una vez en el momento de la subida y sirve el mejor formato compatible por solicitud mediante el elemento <picture>. Para sitios medidos por Largest Contentful Paint (LCP) — una métrica de Core Web Vitals que Google tiene en cuenta en el posicionamiento de búsqueda — recortar un 30% del peso de la imagen de héroe mejora directamente la puntuación en móvil. Omita AVIF cuando necesite una amplia compatibilidad con navegadores heredados (Safari anterior a 2022 en iPad aún falla), cuando esté generando miniaturas sobre la marcha sin una cola (la latencia de codificación bloquea la respuesta), o cuando el activo ya es pequeño (por debajo de 50 KB el ahorro absoluto es mínimo). Referencia: web.dev — Usar AVIF para comprimir imágenes.

La Alliance for Open Media — por qué AVIF está libre de patentes: AV1, el códec padre de AVIF, fue desarrollado por AOMedia (Google, Mozilla, Cisco, Intel, Microsoft, Netflix, Amazon, Apple desde 2018) explícitamente como alternativa libre de regalías a HEVC, cuya licencia de patentes fragmentada en múltiples grupos lo hacía comercialmente tóxico para el despliegue en navegadores. AVIF hereda la concesión de patentes de AV1: cualquiera puede implementar, distribuir y servir AVIF sin pagar tarifas de licencia. JPEG XL — un formato moderno competidor con posiblemente mejores herramientas para archivado — se ha estancado en los navegadores en parte por posiciones de patentes poco claras, mientras que la concesión limpia de AVIF aceleró su adopción.

Orden recomendado en <picture>: sirva AVIF primero (mejor compresión), WebP segundo (compatibilidad más amplia), JPEG/PNG al final (alternativa universal). El navegador elige el primer formato compatible y nunca descarga los demás. <picture><source type="image/avif" srcset="hero.avif"><source type="image/webp" srcset="hero.webp"><img src="hero.jpg" alt="..."></picture>. Errores comunes: olvidar los atributos type= (el navegador no puede omitir sin analizar) o colocar la alternativa <img> antes de la fuente AVIF (el navegador se detiene en la primera coincidencia). Relacionado: WebP, lossy. Referencia: Especificación AVIF — AOMedia.