El formato AVIF es el formato de imagen de próxima generación basado en el formato de codificación de video AV1. AV1 fue creado y es desarrollado por el Alianza por los Medios Abiertos , un consorcio formado por Mozilla, Google, Cisco, Netflix, Amazon y otras empresas. La idea principal detrás de AVIF es aprovechar los algoritmos de compresión desarrollados originalmente para video en formato de imagen. netflix cree que AVIF tiene potencial para imágenes en todas sus aplicaciones debido a la calidad superior que proporciona este formato mientras mantiene bajo el tamaño de la imagen.

Todos los principales fabricantes de navegadores están muy involucrados, directa o indirectamente, en el desarrollo y promulgación de AVIF. Entonces, ¿por qué deberías preocuparte por eso?

Beneficios de AVIF: imágenes más claras sin sacrificar la calidad

Es un momento emocionante para la compresión de imágenes. WebP ha estado ganando impulso como reemplazo de JPEG, pero ahora, AVIF ha llegado, superando a WebP en casi todos los casos. De hecho, el formato de imagen AVIF proporciona una mayor reducción en el tamaño del archivo en comparación con los formatos JPEG, PNG y WebP. La ventaja es que los algoritmos de compresión se desarrollaron originalmente para video en formato de imagen. Con AVIF, los usuarios han visto disminuir el tamaño de los archivos en casi un 60 % en comparación con JPEG y un 35 % en comparación con WebP, sin pérdida de calidad.

Además, el formato de archivo AVIF admite formatos de imagen con pérdida y sin pérdida, así como transparencia. El formato de imagen AVIF es un formato de imagen que admite cualquier códec de imagen.

AVIF está disponible hoy en versiones de navegador web utilizadas por una gran cantidad de usuarios web:

• Google Chrome 85 y más allá
• Mozilla Firefox 86 y más allá
• Androide
• Safari en iOS 16.0 y posteriores

(Para obtener una lista de navegadores compatibles con AVIF, consulte la sección AVIF en caniuse.com .)

• Fuente: https://caniuse.com/avif*

AVIF en acción

El formato AVIF es más adecuado para imágenes que contienen detalles específicos que deben conservarse, por ejemplo, degradados, texto y gráficos en carteles de películas. Su rendimiento y calidad son geniales cuando usas compresión.

Si está leyendo en un navegador compatible con AVIF, como las versiones recientes de Chrome, Firefox o Android, debería ver tres imágenes a continuación:

Una imagen AVIF de 9 KB de tamaño

Una imagen WebP de 12 KB de tamaño
Una imagen JPEG de 16 KB de tamaño

Las imágenes son comparables en calidad, pero la imagen AVIF logra reducciones significativas en el tamaño del archivo. Al usar AVIF para la compresión de imágenes, puede reducir aún más el tamaño del archivo de imagen y obtener beneficios adicionales:

• Tiempos de carga de página más rápidos
• Mejores clasificaciones de SEO (los motores de búsqueda como Google recompensan la velocidad de carga de la página, especialmente en dispositivos móviles)
• Tasa de rebote más baja
• Mejora de la satisfacción del cliente
• Menores costos de ancho de banda

UnoFútbol , una empresa de medios de fútbol con sede en Alemania, vio que el tiempo de carga de la página se aceleró en un 26 % y el tiempo interactivo se aceleró por primera vez en un 24 % después de habilitar la conversión AVIF automática.

imgix y AVIF

Desde que AVIF estuvo disponible en imgix, nuestros usuarios han visto caer el tamaño de los archivos en casi un 60 % en comparación con JPEG y un 35 % en comparación con WebP, sin pérdida de calidad. Unsplash , uno de nuestros primeros clientes en implementar la conversión automática de formato AVIF, ha visto una disminución del 30 % en el tamaño del archivo.

Al igual que Unsplash, puede automatizar la conversión de formato de imagen utilizando imgix. A través del uso de la 'auto=formato' imgix automáticamente servirá imágenes en AVIF para todos los navegadores que lo admitan. Para los navegadores que aún no lo admiten, la API de renderizado de imgix volverá al siguiente mejor formato disponible. Si auto=formato está configurado y el navegador no es compatible con el formato AVIF, primero recurriremos a WebP si es compatible. Si WebP no es compatible, imgix volverá al tipo de imagen de origen o a cualquier formato especificado por el parámetro fm. La calidad de la imagen y el rendimiento del sitio web son excelentes cuando utiliza la compresión dentro del formato AVIF.

Prepare sus imágenes para el futuro

Puede ser un proceso engorroso crear, administrar y servir diferentes formatos de imágenes para diferentes propósitos. Copiar imágenes en diferentes formatos también puede generar un costo de almacenamiento enorme con el tiempo. En lugar de decidir qué formato de imagen servir para qué entorno, o depurar constantemente la compleja interacción entre datos e imágenes, imgix lo hace todo por usted.

Trabajar con un socio de optimización de imágenes como imgix que sirve el formato AVIF significa que está preparando sus imágenes para el futuro y preparándose para el éxito a medida que la tecnología continúa avanzando. A medida que ingresen nuevos estándares al mercado, evaluaremos e innovaremos constantemente para que pueda mantenerse a la vanguardia.

Pruebe esta función de forma gratuita registrándose para obtener una cuenta de imgix .