Le format AVIF est le format d'image de nouvelle génération basé sur le format d'encodage vidéo AV1. AV1 a été créé et est développé par le Alliance pour les médias ouverts , un consortium formé par Mozilla, Google, Cisco, Netflix, Amazon et d'autres sociétés. L'idée principale derrière AVIF est de tirer parti des algorithmes de compression développés à l'origine pour la vidéo dans un format d'image. Netflix croit qu'AVIF a du potentiel pour les images dans toutes ses applications en raison de la qualité supérieure que ce format offre tout en maintenant une taille d'image faible.

Tous les principaux fabricants de navigateurs sont étroitement impliqués, directement ou indirectement, dans le développement et la diffusion d'AVIF. Alors pourquoi devriez-vous vous en soucier ?

Avantages d'AVIF : images plus claires sans sacrifier la qualité

C'est une période passionnante pour la compression d'images. WebP a pris de l'ampleur en remplacement de JPEG, mais maintenant, AVIF est arrivé, surpassant WebP dans presque tous les cas. En fait, le format d'image AVIF offre une plus grande réduction de la taille du fichier par rapport aux formats JPEG, PNG et WebP. L'avantage est que les algorithmes de compression ont été développés à l'origine pour la vidéo dans un format d'image. Avec AVIF, les utilisateurs ont vu la taille des fichiers chuter de près de 60 % par rapport au JPEG et de 35 % par rapport au WebP, sans perte de qualité.

De plus, le format de fichier AVIF prend en charge les formats d'image avec et sans perte, ainsi que la transparence. Le format d'image AVIF est un format d'image qui prend en charge n'importe quel codec d'image.

AVIF se décline aujourd'hui dans des versions de navigateurs web utilisées par un grand nombre d'internautes :

• Google Chrome 85 et au-delà
• Mozilla Firefox 86 et au-delà
• Android
• Safari sur iOS 16.0 et au-delà

(Pour une liste des navigateurs prenant en charge AVIF, veuillez consulter la rubrique AVIF sur caniuse.com .)

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

AVIF en action

Le format AVIF convient mieux aux images qui contiennent des détails spécifiques qui doivent être préservés, par exemple, les dégradés, le texte et les graphiques dans les affiches de films. Ses performances et sa qualité sont excellentes lorsque vous utilisez la compression.

Si vous lisez sur un navigateur compatible AVIF tel que les versions récentes de Chrome, Firefox ou Android, vous devriez voir trois images ci-dessous :

Une image AVIF d'une taille de 9 Ko

Une image WebP d'une taille de 12 Ko
Une image JPEG d'une taille de 16 Ko

Les images sont de qualité comparable, mais l'image AVIF permet d'obtenir des réductions significatives de la taille du fichier. En utilisant AVIF pour la compression d'image, vous pouvez réduire encore plus la taille du fichier image et bénéficier d'avantages supplémentaires :

• Temps de chargement des pages plus rapides
• Meilleur classement SEO (les moteurs de recherche comme Google récompensent la vitesse de chargement des pages, en particulier sur mobile)
• Taux de rebond plus faible
• Amélioration de la satisfaction client
• Réduction des coûts de bande passante

OneFootball , une société de médias de football basée en Allemagne, a vu le temps de chargement des pages accéléré de 26 % et le premier temps d'interaction accéléré de 24 % après avoir activé la conversion AVIF automatique.

imgix et AVIF

Depuis la mise à disposition d'AVIF sur imgix, nos utilisateurs ont vu la taille des fichiers chuter de près de 60 % par rapport au JPEG et de 35 % par rapport au WebP, sans perte de qualité. Unsplash , l'un de nos premiers clients à implémenter la conversion automatique du format AVIF, a constaté une diminution de 30 % de la taille des fichiers.

Tout comme Unsplash, vous pouvez automatiser la conversion du format d'image en utilisant imgix. Grâce à l'utilisation de la 'auto=formater' paramètre, imgix servira automatiquement des images dans AVIF pour tous les navigateurs qui le prennent en charge. Pour les navigateurs qui ne le prennent pas encore en charge, l'API de rendu imgix reviendra au meilleur format suivant disponible. Si automatique=formater est défini et que le navigateur ne prend pas en charge le format AVIF, nous allons d'abord recourir à WebP s'il est pris en charge. Si WebP n'est pas pris en charge, imgix reviendra au type d'image source ou à tout format spécifié par le paramètre fm. La qualité d'image et les performances du site Web sont excellentes lorsque vous utilisez la compression au format AVIF.

Assurez la pérennité de vos images

Créer, gérer et servir différents formats d'images à des fins différentes peut être un processus fastidieux. La copie d'images dans différents formats peut également entraîner un coût de stockage énorme au fil du temps. Au lieu de décider quel format d'image servir pour quel environnement, ou de déboguer constamment l'interaction complexe entre les données et les images, imgix fait tout pour vous.

Travailler avec un partenaire d'optimisation d'image comme imgix qui sert le format AVIF signifie que vous pérennisez vos images et que vous vous préparez au succès à mesure que la technologie continue de progresser. À mesure que de nouvelles normes entrent sur le marché, nous évaluerons et innoverons constamment afin que vous puissiez garder une longueur d'avance.

Essayez cette fonctionnalité gratuitement en vous inscrivant à un compte imgix .