Format AVIF

AVIF (AV1 Image File Format) est un format d'image ouvert et libre de droits, dérivé du codec vidéo AV1 et publié par l'Alliance for Open Media en 2019. Il compresse les images bien plus efficacement que le JPEG (fichiers réduits de moitié à qualité égale) et mieux que le WebP, tout en gérant la transparence, les animations, le HDR et des couleurs sur 10 ou 12 bits. Pris en charge par tous les navigateurs récents depuis 2023, il est devenu l'un des deux formats à privilégier pour alléger les pages, avec le WebP en solution de repli.

AVIF excelle dans la compression d'images : vous choisissez entre une compression maximale ou une qualité parfaite, selon vos besoins d'optimisation. Les images AVIF brillent par leur qualité visuelle, elles supportent les dernières technologies d'affichage HDR et offrent une richesse de couleurs inégalée grâce à leur profondeur de 8 à 12 bits.

En plus de ces qualités visuelles, le format AVIF offre un gain de place significatif, réduisant la taille des fichiers jusqu'à 50 % par rapport au JPEG. Libre de droits et déjà compatible avec les principaux navigateurs, AVIF s'impose comme le format d'image de demain.

Pourquoi le format AVIF est-il avantageux pour le SEO ?

En accélérant considérablement le temps de chargement des pages, AVIF améliore les Core Web Vitals, des indicateurs clés pour le référencement naturel. Google, qui privilégie les sites rapides, reconnaît officiellement AVIF, facilitant ainsi l'indexation et le classement des pages.

En complément de ses atouts pour le référencement, l'adoption de ce format permet de réduire l'empreinte énergétique des sites web. En effet, cette optimisation s'inscrit naturellement dans une démarche de Green IT.

Sur le plan visuel, grâce à sa haute qualité incluant transparence et support HDR, AVIF offre une expérience utilisateur optimisée, augmentant ainsi l'attractivité et la compétitivité d'un site. Ainsi, ses atouts visuels et techniques permettent de prendre une longueur d'avance sur la concurrence en matière de SEO et d'expérience utilisateur.

Comment le format AVIF améliore-t-il la vitesse de chargement des pages ?

Le format AVIF améliore la vitesse de chargement des pages web grâce à sa capacité de compression avancée. En réduisant significativement la taille des fichiers d'image, AVIF permet de diminuer le poids total des pages, ce qui se traduit par un chargement plus rapide des images.

Un avantage majeur pour les utilisateurs disposant d'une connexion internet limitée : les images s'affichent instantanément.
Résultat : les visiteurs profitent d'une navigation fluide, sans temps mort ni interruption. Le format AVIF réussit ce tour de force, des images éclatantes malgré un poids plume.

Quels sont les navigateurs et plateformes compatibles avec le format AVIF ?

Le format AVIF, grâce à son efficacité de compression et sa qualité visuelle, est largement pris en charge par les navigateurs et plateformes. Les navigateurs comme Google Chrome, Firefox, et Opera supportent pleinement AVIF. Microsoft Edge, depuis sa version 121, l'intègre également. Safari a récemment ajouté le support via macOS Ventura et iOS 16, ce qui simplifie le chargement sur mobile.

WordPress accepte les fichiers AVIF depuis sa version 6.5 (2024) et peut générer les tailles intermédiaires dans ce format si le serveur le permet ; les extensions d'optimisation d'images (Imagify, ShortPixel, EWWW, Smush) et les CDN d'images (Cloudflare Images, Cloudinary, ImageKit) convertissent automatiquement.

Actuellement, la prise en charge d'AVIF touche plus de 94% des utilisateurs web à travers le monde.

Comment convertir ses images au format AVIF ?

La conversion de vos images au format AVIF est simple et rapide grâce aux outils en ligne gratuits. Suivez ce guide étape par étape :

1. Choisissez un convertisseur en ligne fiable tel que Convertio ou ImageToStl. Ces plateformes vous permettent de transformer vos images JPG, PNG ou d'autres formats en AVIF sans frais.
2. Téléchargez vos fichiers image sur le site choisi. La plupart des convertisseurs permettent le téléversement à partir de votre ordinateur, Google Drive, Dropbox ou par simple glisser-déposer.
3. Sélectionnez le format de conversion souhaité, ici AVIF, et lancez le processus. En général, la conversion est rapide, prenant seulement quelques secondes.
4. Une fois la conversion terminée, téléchargez vos nouvelles images au format AVIF. Assurez-vous de vérifier la qualité et les dimensions avant de les utiliser sur votre site web.

Quelles sont les différences entre AVIF et WebP en termes de performance et qualité ?

Le format AVIF et le WebP, deux acteurs clés de la compression d'image, se distinguent par leur performance et qualité. AVIF, basé sur le codec vidéo AV1, offre des taux de compression supérieurs, réduisant la taille des fichiers jusqu'à 50% par rapport à JPEG, contre environ 30% pour WebP.

Cela permet à AVIF de délivrer des images de même qualité avec des fichiers plus légers, optimisant ainsi la vitesse de chargement des pages. En termes de qualité d'image, AVIF surpasse WebP avec une meilleure prise en charge des couleurs HDR, offrant une plus grande profondeur de couleurs (jusqu'à 12 bits contre 8 bits pour WebP).

WebP reste compétitif grâce à une compatibilité un peu plus large sur les anciens appareils, un encodage bien plus rapide et un décodage moins coûteux pour le navigateur, ce qui compte sur les pages qui affichent beaucoup d'images. AVIF gère aussi les animations, mais son encodage est lent, ce qui pèse sur les sites qui génèrent des images à la volée. En pratique, on sert l'AVIF en premier et le WebP en repli, via l'élément <picture> ou un CDN d'images qui choisit le format selon le navigateur.

Comment servir l'AVIF sans exclure personne

La méthode standard est l'élément HTML <picture> : une source AVIF, une source WebP, et une image JPEG ou PNG en dernier recours. Le navigateur prend le premier format qu'il sait lire. Attention à deux pièges : les constructeurs de pages qui ne gèrent pas <picture> sur toutes les variantes d'image, et les images de partage social (Open Graph), qui doivent rester en JPEG ou PNG car les plateformes sociales et les clients mail ne lisent pas l'AVIF. Google indexe les images AVIF dans Google Images depuis 2024.

<picture>
  <source srcset="photo.avif" type="image/avif">
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" width="1200" height="800" alt="Description de l'image" loading="lazy">
</picture>

FAQ

AVIF ou WebP : lequel choisir ?

Les deux, dans cet ordre : AVIF en premier pour son poids inférieur, WebP en repli. Si un seul format est possible (contrainte technique, temps d'encodage), le WebP reste un excellent compromis, avec 25 à 35 % de gain sur le JPEG et une compatibilité totale.

Faut-il convertir toutes les images existantes en AVIF ?

Les images qui pèsent dans le chargement des pages importantes, en priorité l'image principale (LCP) des pages les plus visitées. Une conversion automatique par une extension ou un CDN d'images traite ensuite l'ensemble sans effort. Les originaux sont conservés : l'AVIF est un format de diffusion, pas d'archivage.

Google favorise-t-il les sites qui utilisent AVIF ?

Pas directement. Google ne classe pas les pages selon le format de leurs images, mais selon leurs Core Web Vitals, sur lesquels des images plus légères ont un effet mesurable, en particulier sur le LCP. L'AVIF est un moyen, pas un critère.

L'AVIF fait-il perdre en qualité ?

À réglage égal, l'AVIF conserve plus de détails que le JPEG pour un fichier plus petit, et il gère mieux les aplats et les dégradés. Une compression trop forte produit toutefois un lissage visible sur les textures fines. Un réglage de qualité autour de 60 à 70 sur 100 convient à la plupart des photos web.

En résumé

• AVIF : le format d'image issu du codec AV1, libre de droits, publié en 2019.
• Atouts : fichiers réduits de moitié par rapport au JPEG, transparence, animation, HDR, couleurs 10 et 12 bits.
• Compatibilité : tous les navigateurs récents depuis 2023, WordPress depuis 6.5, indexé par Google Images.
• Limites : encodage lent, non lu par les réseaux sociaux et les clients mail.
• Mise en oeuvre : élément picture ou CDN d'images, AVIF puis WebP puis JPEG.

Abondance c'est aussi des audits SEO, un service de contenus et des formations en e-learning !