Definición: AVIF es un formato de imagen rasterizada que almacena datos codificados con AV1 dentro de una estructura basada en HEIF. Su nombre procede de AV1 Image File Format, utiliza normalmente la extensión .avif y su tipo MIME es image/avif.
El formato admite compresión flexible, transparencia, imágenes estáticas y secuencias. También puede representar contenido SDR, HDR y gamas de color amplias. Estas capacidades no garantizan por sí solas un archivo menor o una imagen mejor: el resultado depende del contenido, del codificador y de los ajustes.
Índice de contenidos
Cómo funciona AVIF
AVIF utiliza el contenedor HEIF, basado a su vez en ISO Base Media File Format. Dentro del archivo se guardan elementos o secuencias de imagen codificados con AV1, además de propiedades que describen dimensiones, orientación, color, relaciones entre elementos y otros datos necesarios para interpretarlos.
Una imagen estática suele almacenarse como un elemento AV1. Las secuencias permiten reunir varios fotogramas para crear animaciones. El contenedor también puede relacionar una imagen de color con elementos auxiliares, como un canal alfa o un mapa de profundidad.
La especificación AVIF define perfiles y restricciones para mejorar la interoperabilidad entre codificadores y lectores. La extensión no revela todos los rasgos internos: dos archivos AVIF pueden utilizar diferente profundidad de color, muestreo, compresión o estructura y exigir capacidades distintas al programa que los abre.
Compresión en AVIF
AV1 aplica predicción, transformaciones y otras técnicas para reducir redundancia espacial. AVIF puede trabajar con pérdida para obtener archivos pequeños o en modo sin pérdida cuando debe conservar los valores de la fuente. Las opciones principales incluyen:
- Calidad: Controla el equilibrio entre fidelidad visual y tamaño del archivo.
- Velocidad: Un análisis más exhaustivo puede mejorar la eficiencia, pero aumenta el tiempo de codificación.
- Muestreo: La reducción de información cromática puede disminuir el peso, aunque no conviene para todos los gráficos.
- Profundidad: El formato puede trabajar con 8, 10 o 12 bits por componente según el perfil y las herramientas.
AVIF puede superar a formatos anteriores en determinadas comparaciones, especialmente con fotografías, pero no existe un ahorro fijo aplicable a cualquier imagen. Debe compararse el peso a una calidad equivalente y revisar detalles finos, texto, bordes, ruido y degradados antes de elegir los parámetros.
Color en AVIF
El formato puede representar SDR y HDR, imágenes monocromas, diferentes espacios de color y gamas amplias. Los metadatos y propiedades del contenedor permiten indicar cómo interpretar los valores, mientras que la profundidad de 10 o 12 bits reduce el riesgo de bandas en degradados exigentes.
Para obtener resultados consistentes, la cadena completa debe gestionar correctamente perfiles, características de transferencia y conversión de color. Un archivo técnicamente capaz de almacenar HDR puede perder esa ventaja si el editor, el optimizador, el CMS o la pantalla transforman los datos de manera incorrecta.
Transparencia en AVIF
AVIF admite un canal alfa para describir transparencia total o parcial. Este canal puede almacenarse como un elemento auxiliar relacionado con la imagen principal y disponer de sus propios parámetros de codificación.
La transparencia resulta útil para productos recortados, ilustraciones y elementos sobre fondos variables. Los contornos deben comprobarse sobre fondos claros y oscuros, porque una combinación inadecuada de compresión, submuestreo o tratamiento del alfa puede producir halos o cambios visibles.
Comparación con otros formatos
La elección debe responder al tipo de imagen, al flujo de trabajo y a la compatibilidad necesaria. Las diferencias habituales son:
- JPG: Mantiene una compatibilidad histórica muy amplia y una codificación rápida, pero no admite transparencia, HDR ni animación.
- PNG: Conserva los píxeles sin pérdida y funciona bien con capturas o gráficos; AVIF puede pesar menos, pero requiere probar la fidelidad.
- WebP: También ofrece compresión con y sin pérdida, alfa y animación. Suele disponer de codificación más rápida y un historial de soporte mayor.
- SVG: Es vectorial y resulta preferible para formas, iconos o logotipos que deben escalarse con nitidez.
AVIF puede almacenar secuencias y competir con GIF o WebP animado, aunque un vídeo resulta más adecuado para contenidos largos, con audio o controles. También conviene conservar una fuente maestra para evitar pérdidas acumuladas al convertir repetidamente entre formatos comprimidos.
Optimización de AVIF
La optimización debe valorar tamaño, calidad y coste de codificación. Para mejorar la WPO, las acciones recomendables incluyen:
- Ajustar dimensiones: Generar cada imagen con el tamaño necesario para su presentación.
- Crear variantes: Combinar diferentes anchuras con
srcsetysizes. - Probar parámetros: Comparar calidad, velocidad, profundidad y muestreo por tipo de imagen.
- Conservar respaldo: Usar
<picture>cuando parte del público o del sistema necesite WebP, JPG o PNG. - Medir resultados: Revisar bytes transferidos, tiempo de decodificación, calidad visible y métricas como LCP.
El soporte actual es amplio en navegadores modernos, pero también deben comprobarse editores, bibliotecas, CDN, gestores de contenido, aplicaciones y bots. Una variante más pequeña no mejora automáticamente la experiencia si tarda demasiado en generarse, se decodifica con dificultad o llega sin las dimensiones reservadas que evitan cambios de diseño.