Hemos estado escuchando mucho sobre el nuevo formato de imagen llamado AVIF y queríamos preparar un artículo para explicar qué es y qué ofrece.
Hoy en día, AVIF ya cuenta con el respaldo de algunas de las plataformas y servicios más populares del mundo. Mozilla fue de los primeros en hacerlo, en enero de 2021 incluyeron soporte para AVIF en el navegador Firefox.
Posteriormente fue Google quien introdujo el soporte para el formato AVIF en la versión 89 del navegador Google Chrome, y poco antes ya había anunciado que llegará Android 12, la próxima gran actualización del sistema operativo móvil más utilizado del planeta. Proporciona soporte nativo para este formato de imagen.
Por tanto, está claro que su acogida está siendo más que positiva, y parece claro que 2021 será el año en el que AVIF se apodere de la web. Pero ¿cuáles son sus ventajas respecto a otros formatos?
¿Qué es el nuevo formato de imagen AVIF y qué ofrece?
Como ocurre con cada nuevo formato de imagen para la web, existe la ventaja de poder obtener la misma calidad de imagen en tamaños de archivo más pequeños.
En el caso de AVIF conseguimos una mejor compresión que otros formatos como PNG, JPG, GIF o WebP. En concreto, la reducción de tamaño significa que los archivos finales pesan menos de un tercio del peso de un JPG de calidad comparable, y aproximadamente la mitad de lo que pesaría un WebP similar.
Otra gran ventaja sobre otros formatos es la compatibilidad con HDR. AVIF también ofrece soporte para imágenes animadas, transparentes o sin pérdidas, así como una profundidad de color de hasta 12 bits, aunque hoy en día la mayoría de paneles ofrecen un máximo de 10 bits de profundidad de color.
Pero eso no es todo. Uno de los grandes inconvenientes de WebP fue el tiempo de adopción por parte de algunas plataformas. Apple, por ejemplo, tardó casi diez años en incluir soporte para WebP en su navegador web, Safari.
Sin embargo, dado que Apple, así como muchas otras empresas conocidas, como Google, VideoLAN, Facebook o Netflix, forman parte del grupo que apoya AVIF, su implementación en las principales plataformas debería ser mucho más rápida.
¿Cuáles son las diferencias entre AVIF y JPEG?
Algunas comparaciones ya han dejado claras las ventajas de AVIF sobre JPEG, demostrando que el nuevo formato es capaz de ofrecer imágenes de mucha mayor calidad en archivos del mismo tamaño, gracias a técnicas de compresión más modernas y eficientes.
Estas técnicas consisten, entre otras cosas, en utilizar los datos entre los fotogramas de un vídeo, en lugar de utilizar los fotogramas completos. De esta forma, la imagen reconstruida ofrece una calidad similar o incluso superior reduciendo el tamaño del archivo.
Sin embargo, esta no es la única ventaja. Cabe señalar que la carga de archivos JPG en la web “parece” más rápida porque el renderizado se produce en múltiples fases, lo que permite previsualizar la foto hasta que esté completamente cargada.
En el caso de AVIF, la imagen se carga por completo y no es posible ver el progreso ni obtener una vista previa de la imagen antes de que se haya cargado por completo.
Además, la codificación AVIF requiere una mayor carga en el procesador si no se utilizan las técnicas adecuadas. Algunas herramientas, como el compresor de imágenes online creado por los ingenieros de Google, Squoosh, no aprovechan la posibilidad de codificar cada uno de los bloques de la imagen AVIF en paralelo, aprovechando todos los núcleos del procesador y reduciendo el tiempo de codificación.
Parece muy probable que los días de WebP y JPG estén contados. AVIF es un formato muy superior en la mayoría de los casos.
Sus ventajas, sin embargo, no sólo serán aprovechables en el entorno web: cuando Android 12 llegue a los smartphones, veremos como nuestras fotografías ocupan menos espacio de almacenamiento ofreciendo la mejor calidad.
