¿Qué es AVIF? El formato de imagen moderno que deberías conocer
Qué es AVIF en realidad
AVIF son las siglas de AV1 Image File Format. Es un contenedor moderno para imágenes fijas, derivado del códec de video AV1 desarrollado por la Alliance for Open Media, un potente consorcio que incluye a Google, Apple, Mozilla, Netflix y Amazon. La primera especificación estable llegó en 2019, y el soporte en navegadores ha ido creciendo de forma constante desde entonces. Para entender bien AVIF, tienes que mirar su árbol genealógico. Su padre, AV1, fue creado como un códec de video libre de regalías para competir con el HEVC (H.265), que está cargado de patentes y es la tecnología detrás de las imágenes HEIF de Apple. Como AV1 es de código abierto y de uso gratuito, cualquier desarrollador puede implementarlo sin pagar licencias. Esto es un factor clave para su adopción. Es la razón por la que Chrome, Firefox y Edge soportan AVIF de forma nativa, mientras que el soporte de HEIF/HEIC en la web sigue siendo un desastre. AVIF funciona utilizando las herramientas de codificación intra-frame de AV1, básicamente tratando una sola imagen como si fuera un fotograma de un video. No es un atajo de mala calidad. Es lo que le da a AVIF acceso a las mismas técnicas de compresión sofisticadas que hacen que el video AV1 sea tan eficiente: tamaños de bloque de transformación variados de hasta 64×64 píxeles, síntesis de grano de película, filtros de bucle y más. El resultado es un formato que compite cara a cara con JPEG XL y WebP 2 por el título del formato de imagen más eficiente de la actualidad. Más allá de la compresión, AVIF es un formato rico en funciones. Soporta profundidades de color de 8, 10 e incluso 12 bits, junto con HDR y amplias gamas de colores como Rec. 2020 y Display P3. También maneja la transparencia alfa e incluso animaciones cortas. Esta flexibilidad le permite funcionar bien tanto con contenido fotográfico como gráfico, aunque, como veremos, tiene sus fortalezas y debilidades específicas.
Comparativa de compresión: AVIF vs. JPEG, WebP y PNG
Los números cuentan la historia mejor que los adjetivos. Un estudio de Netflix de 2021 (y ellos saben de lo que hablan, al ser uno de los principales desarrolladores de AV1) mostró que los archivos AVIF eran aproximadamente un 50% más pequeños que los JPEG con una calidad visual equivalente. El propio WebP de Google suele ofrecer un ahorro del 25-34% sobre JPEG. No es una mejora pequeña e incremental. Es un salto generacional en eficiencia. Vamos a concretarlo. Una foto de producto de alta calidad de 180 KB guardada como JPEG (calidad 85) pesaría unos 130 KB como WebP. Como AVIF con un factor de tasa constante (crf) de 30, esa misma imagen podría pesar solo 90-100 KB sin pérdida de calidad perceptible en un buen monitor. Si puedes tolerar una calidad ligeramente inferior para algo como una miniatura, un crf de 40 puede reducir el tamaño del archivo por debajo de los 60 KB. ¿Y qué pasa con los gráficos? Para logos, ilustraciones y capturas de pantalla de interfaces con colores planos, PNG ha sido el rey del formato sin pérdidas. AVIF tiene un modo sin pérdidas, pero no asumas que es mejor. En mi experiencia, es una mala elección para este trabajo. Los archivos AVIF sin pérdidas suelen ser un 10-20% más grandes que el PNG equivalente. El modo sin pérdidas de WebP, por otro lado, supera consistentemente a PNG en aproximadamente un 26% y también supera al AVIF sin pérdidas. La conclusión es clara: la verdadera fortaleza de AVIF está en la compresión con pérdida para fotos, no en los gráficos sin pérdidas. Donde AVIF realmente brilla es en la transparencia alfa. JPEG no puede manejar la transparencia en absoluto. WebP sí puede, pero AVIF a menudo lo hace mejor y en un tamaño menor. Una foto de producto con fondo transparente —el pan de cada día del comercio electrónico— puede guardarse como un AVIF que es un 60-70% más pequeño que su contraparte en PNG, manteniendo bordes nítidos y limpios alrededor de detalles complicados como el pelo o el pelaje.
Soporte en navegadores y plataformas en 2025
AVIF ya no es un experimento. A mediados de 2025, el soporte global en navegadores supera el 93%, según caniuse.com. Chrome lo soporta desde la versión 85 en agosto de 2020. Firefox se unió con la versión 93 en octubre de 2021. Un punto clave es que Safari en macOS Ventura y iOS 16 y posteriores puede decodificar AVIF. Edge, al estar basado en Chromium, tiene soporte desde finales de 2020. Qué significa esto para ti: si sirves imágenes AVIF en tu sitio web, casi todo el mundo las verá. El ~7% restante de usuarios con navegadores antiguos solo necesita una alternativa (fallback). La solución elegante y estándar es el elemento `<picture>` de HTML: <picture> <source srcset="image.avif" type="image/avif"> <source srcset="image.webp" type="image/webp"> <img src="image.jpg" alt="Foto de producto"> </picture> Esta sencilla alternativa de tres capas cubre todos los navegadores que importan. Un navegador que no entienda AVIF intentará con WebP; si eso falla, recurrirá al universal JPEG. Simplemente funciona. Sin necesidad de JavaScript. En el escritorio, la historia es un poco más complicada, pero mayormente positiva. Windows 11 puede mostrar archivos AVIF en su aplicación Fotos tras una instalación gratuita de la Extensión de video AV1 desde la Microsoft Store. macOS tiene soporte nativo en Vista Previa desde macOS Monterey. Adobe Photoshop integró el soporte para AVIF en la versión 23.2 (febrero de 2022), por lo que puedes abrirlos y guardarlos directamente. GIMP tiene soporte desde la versión 2.10.22. Incluso Figma puede abrir archivos AVIF, aunque todavía no puede exportarlos. Para cualquiera que construya flujos de trabajo automatizados, las herramientas de servidor están maduras. Bibliotecas clave como libavif (la implementación de referencia), Sharp para Node.js, Pillow para Python 3.10+ e ImageMagick 7.1+ ofrecen sólidas capacidades de codificación y decodificación de AVIF.
Cuándo usar AVIF y cuándo no
Entonces, ¿dónde deberías usar AVIF realmente? El objetivo principal es cualquier imagen fotográfica en la web donde el tamaño del archivo afecta al rendimiento. Piensa en galerías de productos de e-commerce, imágenes de cabecera de artículos de noticias y sitios de portafolios. Si tu sitio web sirve miles de imágenes al día, cambiar a AVIF puede reducir drásticamente los costos de ancho de banda de tu CDN en un 30-50%. Eso es dinero real a gran escala. La fotografía HDR es otro caso de uso estrella. Con su soporte para color de 10 y 12 bits y amplias gamas de color como Rec. 2020, AVIF puede mostrar contenido HDR sin tener que aplastarlo primero a SDR. JPEG no puede hacer esto en absoluto, y WebP está limitado a 8 bits. Para fotógrafos o sitios inmobiliarios que muestran imágenes de alta gama a usuarios con pantallas HDR, AVIF es el único formato web con amplio soporte que hace justicia a ese hardware. Pero no es la panacea. El mayor inconveniente es que la codificación AVIF es lenta. Muy lenta. Codificar una sola foto de alta resolución con una configuración de alta calidad puede hacer que el ventilador de tu CPU se ponga a toda marcha y tarde varios segundos, mientras que un JPEG se codifica en milisegundos. Esta latencia hace que AVIF sea una mala elección para aplicaciones que necesitan generación de imágenes en tiempo real, como un editor de fotos que guarda con frecuencia. Aunque el soporte de codificación por hardware está mejorando, la codificación solo por software sigue siendo un cuello de botella significativo. Para otras tareas, debes usar la herramienta adecuada para cada trabajo. Los gráficos vectoriales y los diagramas siguen perteneciendo a SVG. Para capturas de pantalla de código o texto de interfaz donde necesitas una nitidez de píxel perfecta, quédate con PNG o WebP sin pérdidas. Y para cualquier cosa relacionada con la impresión, AVIF es completamente irrelevante; TIFF y PDF siguen siendo los estándares indiscutibles. ¿Y las animaciones? AVIF las soporta (como secuencias AVIS), pero la codificación es aún más lenta que para imágenes fijas, y el soporte en navegadores es menos fiable. Sinceramente, es mejor que uses un WebP animado o, mejor aún, un archivo de video corto MP4 o WebM configurado para reproducción automática.
Cómo convertir imágenes a AVIF
Vale, ¿y cómo se crean realmente estos archivos? Tienes varias opciones, dependiendo de tus necesidades. Para desarrolladores y fans de la línea de comandos, `avifenc` (del kit de herramientas libavif) es el codificador de referencia. Un comando típico podría ser: `avifenc --min 20 --max 40 --speed 6 input.jpg output.avif`. Los indicadores `--min` y `--max` establecen el rango de calidad (un valor más bajo es mejor, en una escala de 0 a 63), y `--speed` controla el equilibrio entre el tiempo de codificación y el tamaño del archivo (0 es el más lento y eficiente, 10 es el más rápido). Una velocidad de 6 es un excelente punto de partida para el procesamiento por lotes. Si quieres ver lo que estás haciendo, Squoosh de Google (squoosh.app) es una increíble herramienta basada en navegador. Te permite ajustar la configuración de AVIF con un control deslizante de calidad visual y una comparación instantánea lado a lado. Es perfecta para conversiones puntuales y para hacerte una idea de cómo los ajustes de calidad afectan a tus imágenes específicas. Para conversiones masivas sin tocar la línea de comandos, CocoConvert ofrece AVIF como formato de salida para fuentes como JPEG, PNG, WebP y HEIC. Simplemente subes tus archivos, eliges AVIF y descargas los resultados. El codificador está preconfigurado para lograr un buen equilibrio entre tamaño y calidad para su uso en la web. Una advertencia honesta: CocoConvert no expone controles manuales para el factor de tasa constante (crf) o el submuestreo de croma. Si necesitas ese nivel de control detallado, por ejemplo, para garantizar color 4:4:4 para una foto profesional, una herramienta de línea de comandos o el diálogo de exportación de Photoshop te darán esa precisión. En Photoshop (CC 2022 y posterior), simplemente ve a Archivo > Exportar > Exportar como y elige AVIF de la lista de formatos. Lightroom Classic, sin embargo, todavía no exporta AVIF de forma nativa, lo que requiere plugins de terceros para cubrir esa carencia.
AVIF vs. JPEG XL: el otro contendiente
Cualquier discusión honesta sobre AVIF debe reconocer a su principal rival: JPEG XL (JXL). Es un formato fantástico que ofrece algunas cosas que AVIF no puede, como la recompresión sin pérdidas real de JPEG (puedes convertir un JPEG a JXL y viceversa sin ninguna pérdida de calidad) y velocidades de codificación más rápidas a niveles de calidad comparables. También suele hacer un mejor trabajo con imágenes que contienen líneas nítidas y texto. En comparativas directas de compresión, ninguno de los dos formatos es un claro ganador en todos los escenarios. AVIF suele tomar la delantera en fotos detalladas con tasas de bits muy bajas, mientras que JPEG XL tiende a ser mejor para gráficos, imágenes con mucho texto y cualquier flujo de trabajo donde la velocidad de codificación sea un factor. Pero las especificaciones técnicas no cuentan toda la historia. La diferencia fundamental es el soporte de los navegadores. En 2023, los desarrolladores de Chrome eliminaron el soporte experimental de JPEG XL, citando una falta de interés del ecosistema, y esa decisión congeló el mercado en la práctica. A mediados de 2025, solo Safari (17+) soporta JXL de forma nativa, y el soporte en Firefox está oculto tras una bandera de configuración. Esto significa que no puedes servir JXL de forma fiable en la web hoy en día sin un polyfill de JavaScript. Para los desarrolladores web, esto toma la decisión por nosotros, al menos por ahora. AVIF, con su más del 93% de soporte nativo, es la única opción práctica para el despliegue de imágenes modernas. Esta situación podría cambiar. La comunidad de JPEG XL es apasionada y activa, y los proveedores de navegadores podrían reconsiderarlo. Pero para cualquiera que esté construyendo sitios web ahora mismo, AVIF tiene la ventaja masiva e innegable de tener soporte donde realmente importa.
¿Deberías migrar tus imágenes existentes a AVIF?
Entonces, ¿deberías convertir toda tu biblioteca de imágenes? La buena noticia es que la migración no tiene por qué ser una tarea de todo o nada. La mejor estrategia para la mayoría es simplemente añadir versiones AVIF junto a tus JPEGs y PNGs existentes, usando el elemento `<picture>` para que los navegadores elijan el mejor formato. Esto significa que no tienes que borrar tus archivos antiguos, solo los complementas. Para un sitio con una gran biblioteca, la conversión por lotes es el único camino sensato. Configura un script usando una herramienta como Sharp para Node.js o ImageMagick en un bucle de shell, o usa un plugin de tu proceso de compilación para Vite o webpack. Déjalo ejecutándose durante la noche. La lentitud de la codificación es un costo único, pero el ahorro en ancho de banda paga dividendos en cada carga de página. Para todas las imágenes nuevas en el futuro, el flujo de trabajo es aún más simple. Conviértelo en una práctica estándar codificar una versión AVIF para la distribución web. Conserva tu archivo fuente original de alta resolución —ya sea un RAW, TIFF o un JPEG de alta calidad— y genera el AVIF optimizado para la web como parte de tu proceso de publicación. ¿Y qué pasa con el almacenamiento? Sí, mantener múltiples versiones de cada imagen aumentará temporalmente tu huella de almacenamiento. Los archivos AVIF son más pequeños, pero los estás añadiendo a tu biblioteca existente. Sin embargo, para la mayoría de los sitios web, el ahorro significativo en el ancho de banda de salida de la CDN compensará con creces el pequeño aumento en los costos de almacenamiento de origen. Una última advertencia: el archivado. Cualquiera que haya intentado abrir un formato de archivo propietario de hace 15 años conoce el dolor de la degradación de datos y la obsolescencia. AVIF todavía es joven. JPEG tiene más de 30 años y será legible por software que aún no se ha inventado. Para el archivado permanente a largo plazo de tus imágenes más importantes, la elección conservadora es la correcta. Quédate con JPEG de alta calidad o TIFF. Usa AVIF para la distribución, pero conserva siempre tus originales en un formato con una trayectoria probada.