Format image AVIF pour sites web : Améliore SEO, vitesse chargement, expérience utilisateur

Moins de 0,1 pour cent de tous les sites web utilisent le format AVIF et exploitent la meilleure possibilité de format d'image pour une amélioration mesurable de la vitesse du site web, de l'expérience utilisateur et de la visibilité en ligne sur Google. Tous les autres exploitants de sites web ne profitent pas encore du potentiel offert par le format d'image AVIF. Cet article vise à remédier à cette situation et à t'encourager à te pencher sérieusement sur le format AVIF et, idéalement, à l'utiliser également pour les images de ton site web.

As-tu déjà testé l'URL de ton site web sur Google PageSpeed Insights pour voir où se situe ta performance? Si ce n'est pas encore le cas, essaie directement avec ton propre site web.

Laisse-moi deviner, tu ne vois malheureusement pas encore cette valeur affichée sur ton site web actuellement, n'est-ce pas?

Plus ta valeur est faible, plus il y a besoin d'optimisations sur ton site web pour améliorer ta vitesse. En descendant un peu plus bas sur la page de l'outil de test, si tu ouvres les recommandations de Google pour améliorer ta vitesse de chargement, il est fort probable qu'un point concerne les formats d'image modernes – notamment si tu utilises encore les formats de fichier JPG ou PNG pour tes images.

C'est l'une des raisons pour lesquelles tu n'as pas encore atteint de score optimal sur PageSpeed Insights avec ton site web et que tu ne passes probablement pas non plus les Core Web Vitals. 

Les images sur notre site web d'agence 4eck-media.de ainsi que sur TutKit.com sont chargées en format de fichier AVIF – ultra-rapide, ultra-compact et d'une qualité convaincante. AVIF nous aide à atteindre une vitesse de chargement de page aussi élevée que possible.

Le format d'image relativement nouveau pour le web est encore peu connu, c'est pourquoi il est temps de présenter le format d'image moderne AVIF pour les sites web avec tous ses avantages en matière de référencement, de vitesse de chargement et d'expérience utilisateur.

La table des matières pour l'article sur l'AVIF :

Qu'est-ce que le format d'image AVIF ?

L'AVIF est un nouveau format d'image publié en 2020 par l'Alliance for Open Media (AOMedia). Ce format est basé sur l'algorithme de compression sans perte AV1 et offre plusieurs avantages par rapport à d'autres formats d'image courants tels que JPEG et PNG ainsi que le format web WebP.

Les images AVIF sont nettement plus petites que les images JPEG de même qualité. Cela est dû au fait qu'AV1 offre une compression beaucoup plus efficace. Ainsi, une image AVIF peut souvent être jusqu'à 50 % plus petite qu'une image JPEG de même qualité.

Les images AVIF offrent également une profondeur de couleur plus élevée que les images JPEG. Ainsi, les images AVIF peuvent stocker jusqu'à 12 bits de profondeur de couleur, alors que les images JPEG ne supportent que 8 bits de profondeur de couleur. Cela entraîne une gamme de couleurs plus large et des couleurs plus réalistes dans les images AVIF.

De plus, les images AVIF sont capables de stocker des canaux alpha. Les canaux alpha sont utilisés pour définir la transparence des images. Cela rend les images AVIF idéales pour une utilisation dans des applications graphiques où la transparence est nécessaire.

L'AVIF est un format open source et est pris en charge par une variété de logiciels et fabricants de matériel. La plupart des logiciels de retouche d'images et des navigateurs populaires prennent déjà en charge les images AVIF. Il est grand temps que ce format d'image moderne se généralise !

Voici quelques-uns des avantages de l'AVIF par rapport aux autres formats d'image courants :

• Meilleurs taux de compression : les images AVIF sont nettement plus petites que les images JPEG et PNG de même qualité d'image.
• Profondeur de couleur supérieure : les images AVIF prennent en charge jusqu'à 12 bits de profondeur de couleur, tandis que les images JPEG et PNG ne prennent en charge que 8 bits de profondeur de couleur.
• Prise en charge des canaux alpha : les images AVIF peuvent stocker la transparence, remplaçant ainsi la raison pour laquelle les images PNG ou WebP sont toujours utilisées sur les sites web.
• Format open source : l'AVIF est un format open source pris en charge par de nombreux logiciels et fabricants de matériel.
• L'AVIF est un format d'image convaincant pour les sites web, offrant de nombreux avantages par rapport aux autres formats courants (y compris le WEBP).

On peut prédire que l'AVIF jouera un rôle de plus en plus important dans le stockage et l'affichage d'images sur les sites web à l'avenir – notamment parce que Google recommande directement son utilisation dans les résultats de PageSpeed Insights et que désormais tous les navigateurs populaires prennent en charge l'AVIF dans leurs versions récentes.

Il est donc judicieux d'être précoce dans son intégration sur son propre site web, afin de pouvoir déjà profiter des avantages en terme de référencement, de vitesse de chargement et d'expérience utilisateur.

Pourquoi l'AVIF apporte des avantages pour le référencement, la vitesse de chargement et l'expérience utilisateur ?

Le plus grand avantage sera le plus visible lorsque nous comparerons les images dans la vue. À titre d'exemple, j'ai généré une image sur Midjourney d'un banc de poissons-clowns dans une résolution de 1024×1024 au format PNG.

• Original-PNG: 1,43 Mo
• Optimisé via TinyPNG : 393 Ko - Économie de 73 %

La fichier PNG d'origine a ensuite été converti via squoosh.app, avec pour résultat :

• Optimisé via Squoosh en tant que WebP : 84 ko - Économie de 94%
• Optimisé via Squoosh en tant qu'AVIF : 42 ko - Économie de 97%

Le résultat est que l'image AVIF, à qualité optique égale, est seulement deux fois moins volumineuse que l'image WebP. Dans de nombreux autres tests, il a été démontré que les artefacts de compression, tels qu'ils apparaissent avec une compression excessive des fichiers JPG, ne deviennent visibles que lorsque la qualité descend en dessous de 30 vers 20 ou moins. Avec une qualité de 30, même les éléments textuels restent nets dans les graphiques à pixel sans aucun artefact de compression.

De telles économies pour les sites web riches en images ne peuvent être suffisamment appréciées.

AVIF pour de meilleures valeurs SEO, PageSpeed et expérience utilisateur

Google a déjà élevé en 2021 les valeurs centrales vitales (Core Web Vitals) d'un site web au rang de facteur de classement. Cela inclut notamment la vitesse de chargement, c'est-à-dire le temps nécessaire pour que le contenu principal s'affiche pour votre utilisateur. Google indique des temps jusqu'à 2,5 secondes comme étant une bonne valeur que les propriétaires de sites web devraient viser pour leurs utilisateurs.

Les fichiers image plus volumineux entraînent des temps de chargement plus longs. Les Core Web Vitals ne sont alors pas validés.

De plus, il y a un deuxième problème. Si des fichiers images plus volumineux, basés par exemple sur PNG ou JPEG, sont présents sur le site web, il peut arriver que le contenu textuel soit déjà chargé tandis qu'une image met plus de temps à s'afficher. Cela peut entraîner des changements de layout cumulatifs, c'est-à-dire de légers déplacements, lors de l'affichage d'une image, poussant les parties inférieures du site web vers le bas, où elles doivent se trouver. Google n'aime pas ce genre de changements de layout cumulatifs et les classe comme des erreurs CLS, ce qui fait échouer les Core Web Vitals.

De plus, cela procure une sensation merveilleuse à chaque visiteur du site web lorsque les pages se chargent rapidement et que le contenu est immédiatement visible au clic. De plus, vous pouvez placer des images de meilleure qualité sur le site web sans compresser trop fortement, ce qui pourrait créer des artefacts de compression. La taille du fichier reste également petite en comparaison avec le PNG ou le JPEG, même lors d'une conversion sans perte ou d'une compression normale. Le format AVIF améliore ainsi l'expérience utilisateur sous plusieurs aspects pour chaque utilisateur. Google nous oblige donc à réussir les Core Web Vitals, afin de faire quelque chose pour nos visiteurs afin qu'ils ne soient pas frustrés lorsqu'ils visitent notre site web.

Ainsi, vous pouvez contribuer à l'amélioration de l'expérience utilisateur, du PageSpeed et de la qualité technique de votre site web, et cela aura un impact positif sur votre visibilité en ligne.

Compatibilité des navigateurs avec les images AVIF

Particulièrement en ce qui concerne les technologies les plus récentes, tout propriétaire de site web est quelque peu hésitant et préfère attendre quelques mois. D'une part, on ne veut pas devenir un testeur bêta pour les importantes mises à jour des systèmes de boutiques en ligne ou des CMS, et d'autre part, rien n'est jamais garanti qu'il n'y aura pas de problèmes avec certains navigateurs ou appareils.

Pour le format d'image AVIF, ce qui compte réellement, c'est si les navigateurs populaires prennent désormais en charge ce format. Le site web caniuse.com fournit des informations à ce sujet : https://caniuse.com/avif

Près de 85 % de l'utilisation mondiale des navigateurs prend déjà en charge l'AVIF. En Allemagne, le taux est de 80,33 % au 2 septembre... bon, l'Allemagne, où les lacunes dans le réseau mobile font partie du quotidien et où certaines régions souffrent toujours d'une connexion Internet lente (ma région incluse : alors que je bénéficie d'un gigabit au bureau, je ne reçois que 9 Mbits/sec en télétravail).

Vous pouvez donc constater que l'AVIF est pris en charge depuis un certain temps par les principaux navigateurs.

Combien de sites web utilisent déjà le format AVIF ?

De la même manière que caniuse.com, w3tech.com fournit des informations statistiques sur l'utilisation de certaines technologies. Cela vaut également pour les formats d'image utilisés sur les sites web.

Voici le pourcentage de tous les sites web utilisant (au 2023 septembre) : 

• PNG : 82,1 %
• JPEG : 78 %
• SVG : 55,2 %
• GIF : 21,7 %
• WebP : 9,2 %
• ICO et BMP : chacun 0,2 %
• AVIF : 0,1 % (arrondi)
  

Actuellement, moins de 0,07 pour cent de tous les sites Web utilisent le format AVIF. Whaaat? C'est vraiment très peu. Mais hé, c'est une chance pour toi de devenir la pointe de la technologie en matière d'utilisation de formats d'image modernes. La courbe du graphique à droite montre déjà que l'utilisation augmente chaque mois … même si elle reste encore au niveau des pourcentages. Cela devrait certainement s'accélérer bientôt.

Il est intéressant de noter que pas même 10 pour cent de tous les sites Web suivent la recommandation de Google concernant les formats web modernes. Tous les autres compromettent la vitesse de chargement et l'expérience utilisateur, et réussissent probablement également les Core Web Vitals, ce qui impacte négativement la visibilité en ligne.

AVIF vs. WebP - lequel est meilleur pour votre site Web?

Faisons un test direct pour illustrer. L'image à droite de la section d'en-tête de TutKit.com pesait plus de 600 Ko en tant que fichier PNG avant d'être convertie en AVIF en raison des zones de transparence.

Elle est désormais affichée côté serveur en tant que fichier WebP de 159 Ko (notre solution de secours!). Même si cet image est ensuite optimisée avec un outil tel que TINYPNG, qui peut également réduire les fichiers WebP, nous restons à 128 Ko. Cela représente tout de même une réduction de 20 pour cent.

En tant que fichier AVIF, qui est notre format par défaut, l'image ne pèse plus que 94 Ko, seulement 59 pour cent de la taille du WebP de secours. Dans tous les tests effectués, l'AVIF a battu le format WebP en termes de taille de fichier pour une qualité optique équivalente.

Pourquoi choisir AVIF plutôt que WebP?

• AVIF peut gérer la transparence tout en conservant une meilleure qualité d'image avec une compression plus élevée et une taille de fichier plus petite.
• La prise en charge est déjà d'environ 85 pour cent pour AVIF sur tous les navigateurs courants, avec une tendance à la hausse.
• Votre site Web se chargera encore plus rapidement avec AVIF par rapport à WebP. C'est particulièrement un avantage pour les sites Web riches en images comme les boutiques en ligne avec des pages de catégories contenant de nombreuses images de produits, où la qualité visuelle doit être élevée tout en conservant des fichiers de petite taille.

Un indice intéressant est ce que caniuse.com écrit directement sur la page WebP : « AVIF et JPEG XL sont conçus pour remplacer WebP. » AVIF et JPEG XL sont censés remplacer WebP. 

Avant de vous demander si miser sur AVIF serait une mauvaise décision à cause de la participation supposée de JPEG XL à la course, je peux vous rassurer immédiatement. La compatibilité des navigateurs avec JPEG XL est pratiquement inexistante, avec seulement 0,08 pour cent.

Vous pouvez déjà convertir des images en JPEG XL dans Squoosh et cela montre des valeurs "similaires" à celles du WebP (voir l'image ci-dessous). 

L'AVIF reste incontestablement le format vainqueur. Investissez-y rapidement et tirez profit de tous les avantages pour votre site Web!

Squoosh.app - le meilleur outil pour convertir vos images JPG, PNG et WebP en AVIF

Alors que par le passé, l'équipe utilisait des outils en ligne comme TinyJPG ou TinyPNG pour optimiser les fichiers JPG, PNG ou WebP destinés aux sites Web, je suis désormais un grand fan de Squoosh de Google. 

Squoosh est un convertisseur d'images gratuit développé par Google. Cet outil fonctionne en ligne, mais peut également être utilisé en local sur votre ordinateur ou serveur (node.js!). Il peut convertir des images dans différents formats, y compris JPEG, PNG, GIF et WebP. Et le meilleur : il peut également convertir vos images en format AVIF.

Le convertisseur d'images Squoosh utilise diverses techniques pour réduire la taille des images sans compromettre la qualité. Cela inclut la compression des informations de couleur, la réduction de la résolution et la suppression des données redondantes.

Il vous suffit de glisser-déposer une image et de sélectionner le format souhaité. Quelques clics, et votre image est convertie et optimisée.

Voici à quoi cela ressemble lorsque vous insérez une image WebP et la convertissez une fois en AVIF (à gauche) et une autre fois en JPEG XL (à droite) pour la conversion et la compression. Vous pouvez également comparer les qualités visuelles pour déterminer le bon niveau de qualité tout en maintenant la visibilité de l'image. Par défaut, un côté représente toujours le fichier source pour la comparaison. Vous avez ainsi un contrôle total sur le résultat.

Utilisez Squoosh pour la gestion de votre contenu et le développement web, pour réduire la taille de vos images grâce à des formats web modernes tels que WebP ou AVIF, et améliorer les temps de chargement de vos sites web. Vous pouvez également réduire la taille de vos fichiers JPG - tout comme avec TinyJPG - si vous souhaitez les télécharger sur les réseaux sociaux. L'avantage par rapport à TinyJPG est que vous avez un contrôle total sur la compression et pouvez expérimenter avec différentes options d'optimisation pour obtenir la meilleure qualité avec la taille la plus petite possible.

Voici quelques avantages de Squoosh :

• Prend en charge une variété de formats d'image pouvant être convertis 
• Utilise une variété de techniques pour réduire la taille des images.
• Permet de prévisualiser les images compressées
• Propose une gamme d'options d'optimisation
• L'outil est gratuit et facile à utiliser.

Malgré tous les aspects positifs, il y a un bémol : actuellement, Squoosh ne peut traiter qu'une image à la fois et ne prend pas en charge le traitement par lot. J'espère que cette fonctionnalité sera bientôt disponible.

Convertisseur batch côté serveur dans les frameworks PHP d'images en JPG et PNG en AVIF et WebP

Nous avons converti ici sur TutKit.com nos images, intégrées en tant que fichiers JPG et PNG dans le portail - plus de 14 000 fichiers individuels - en AVIF et en WebP en tant que solution de secours pour les anciens navigateurs. Nous avons également mis en place une solution technique permettant à nos éditeurs de continuer à télécharger des images en JPG ou en PNG, comme le font nos designers, dans le portail et de les baliser avec des métadonnées. Le système incorpore automatiquement les images en AVIF et en WebP pour tous les navigateurs plus anciens (ou non pris en charge) lors de la sortie.

Pour que cela fonctionne côté serveur, utilisez les versions logicielles les plus récentes. Les nouvelles fonctions imagecreatefromavif et imageavif pour le format AVIF ne sont disponibles qu'à partir de PHP 8.1+, et si l'extension GD a été construite avec le support AVIF. Elle nécessite la version 0.8.2 ou supérieure de libavif.

Assurez-vous également que les systèmes d'exploitation sont compatibles. L'AVIF est fourni avec les paquets libavif-dev/libavif-devel dans les dépôts :

• à partir d'Ubuntu 21.04  
• à partir de Debian 11 
• à partir d'Alpine 3.13 
• à partir de Fedora 34

Voici une évaluation de la vitesse de chargement de la page pour la vue mobile de TutKit.com. Alors qu'il est relativement facile d'obtenir une note supérieure à 90 pour la version bureau, c'est un défi pour la version mobile. Nous travaillons encore dessus pour améliorer cette valeur vers 100, car nous savons que la vitesse de chargement est bénéfique pour l'expérience utilisateur et a donc un impact sur nos performances en matière de référencement.

Ce qui semble être une intégration aisée de l'AVIF dans notre framework PHP Laravel s'est finalement traduit par plus de 60 tickets dans notre outil JIRA, liés à la conversion et à l'intégration (comprenant la recherche, le développement, la correction de bugs, le test). Alors que les plugins réduisent considérablement le travail dans un CMS classique comme WordPress, une tâche de développement personnalisée approfondie peut nécessiter - comme chez nous - jusqu'à trois semaines. Les avantages de l'utilisation de l'AVIF en valent vraiment la peine ! 

Au fait : je pourrais envisager de rédiger un article sur la raison pour laquelle des portails comme TutKit.com préfèrent utiliser un framework PHP plutôt que WordPress ou d'autres CMS.

Plugins pour l'utilisation de l'AVIF dans WordPress

Le CMS WordPress ne prend pas en charge naturellement les images AVIF en septembre 2023, contrairement à d'autres CMS comme Contao, qui prend en charge l'AVIF à partir de la version 5.0.0. Par conséquent, vous devez encore effectuer deux étapes pour utiliser des images AVIF dans WordPress.

1. Activer le support AVIF pour WordPress
2. Convertir les images de JPG/PNG/WEBP en AVIF

Il existe plusieurs plugins WordPress qui permettent d'utiliser des images AVIF sur les sites web WordPress. Voici trois plugins que vous pouvez consulter : 

• Prise en charge de l'AVIF : Ce plugin vous permet de télécharger et d'afficher des images AVIF sur les sites web WordPress. Il prend également en charge la conversion automatique des images JPEG et PNG en images AVIF.
• Convertisseur pour les médias : Ce plugin convertit toutes les images de votre bibliothèque média WordPress en images AVIF. Il propose également plusieurs options pour personnaliser la qualité et le taux de compression des images.
• Optimiseur d'images ShortPixel : Ce plugin optimise les images de votre bibliothèque média WordPress, y compris la conversion en images AVIF. Il offre également plusieurs autres fonctionnalités pour améliorer la qualité et les performances des images.

Ces plugins sont une bonne façon d'utiliser les avantages des images AVIF sur les sites web WordPress.

Voici le plugin de support AVIF - pour l'instant, il n'a que 1 956 téléchargements et moins de 800 installations - on voit bien que l'AVIF est encore totalement inconnu des utilisateurs de WordPress.

MISE À JOUR 05.04.2024 : Avec WordPress 6.5, WordPress prend enfin en charge l'AVIF ! Ainsi, les plugins de support seront désormais nécessaires uniquement pour les anciennes versions de WordPress. Il est d'autant plus intéressant de passer à WordPress 6.5 et versions supérieures.

L'extension Local Image Sharp pour les sites Strapi

Nous utilisons également l'AVIF sur notre site Web d'agence 4eck-media.de, qui utilise le CMS Strapi basé sur node.js. L'plugin Local Image Sharp pour Strapi permet d'utiliser des images AVIF sur les sites Strapi. Le plugin utilise la boîte à outils de traitement d'images sharp pour convertir les images en images AVIF.

Le plugin Local Image Sharp vous offre toute une série de fonctionnalités, notamment :

• Conversion automatique des images en images AVIF
• Ajustement de la qualité et du taux de compression de l'image
• Prise en charge de différents formats d'image

Pour installer le plugin, téléchargez-le depuis le magasin de plugins Strapi et installez-le comme tout autre plugin Strapi.

Nous avons configuré notre système de sorte que nous continuons à télécharger les images en JPG ou PNG dans le système Strapi. Le système convertit ensuite les images en AVIF et en WEBP en six résolutions différentes afin d'afficher les images dimensionnées correctement en fonction de l'appareil (ordinateur de bureau, tablette, mobile) en tant qu'AVIF dans le navigateur. Pour les navigateurs plus anciens, nous avons également une solution de secours avec des images WebP qui seront affichées.

Il est préférable d'utiliser la balise <picture>, qui contient une balise <source> et <img> pour afficher vos images dans les bonnes dimensions et les deux formats AVIF et WebP avec la source JPEG ou PNG.

Les images au format web moderne, aux côtés de la mise en cache, ont été l'un des principaux moteurs de performance de notre site Web d'agence :

Remarque sur les miniatures meta et les données structurées

Étant donné que Google Images ne prend toujours pas en charge le format AVIF, nous spécifions toujours le fichier JPG associé en tant que balise de schéma "image". De même pour la miniature meta que nous spécifions pour chaque page de produit, afin de proposer une image de prévisualisation au snippet de recherche de Google, elle contient toujours le format JPG.

Mieux vaut prévenir que guérir. Des utilisateurs ont déjà signalé dans les forums que la visibilité en ligne des images avait disparu après le passage à l'AVIF. Cette expérience n'a pas été confirmée de notre côté. Notre visibilité en ligne est restée constante, mais les demandes de crawling du Googlebot pour les images ont augmenté. Il est intéressant de noter que le Googlebot parcourt les images WebP, qui sont disponibles en tant que solution de secours dans le code source pour les navigateurs plus anciens. Google semble donc actuellement crawler les images WebP pour l'indexation.

Par conséquent, je recommanderais également d'utiliser toujours la source JPG dans les métadonnées pour les miniatures et les données structurées.

Outils et logiciels de retouche d'images pour les images AVIF

Les images sont souvent modifiées, il est donc souhaitable que les logiciels de retouche d'images courants soient compatibles avec le format AVIF. Parfois, vous téléchargez une image existante du site Web pour y apporter des modifications. Il est donc bon que votre programme d'édition d'images favori puisse l'ouvrir, ce qui est la fonction la plus importante en termes de compatibilité AVIF. Même s'il est ensuite enregistré dans un autre format, il peut être converti en AVIF à l'aide de Squoosh ou d'autres outils.

Voici une liste de logiciels de retouche d'images compatibles avec l'AVIF (à partir de septembre 2023) :

• Gimp : Peut importer, éditer et exporter des AVIF depuis la version 2.10.22.
• Photopea : peut importer et éditer des AVIF, mais ne peut pas les exporter. Il est possible de les enregistrer dans un autre format de fichier.
• Affinity Photo : pas de prise en charge de l'AVIF
• Photoshop : pas de prise en charge, mais un plugin est disponible pour créer une compatibilité.

Plugin AVIF pour Photoshop

Voici un plugin qui vous permet d'ouvrir des fichiers AVIF dans Photoshop.
https://github.com/0xC0000054/avif-format

Le téléchargement est possible dans l'onglet Releases de la page.

Une fois le ZIP téléchargé, placez Av1Image.8bi dans le dossier où Photoshop recherche les plugins. Pour les installations standard, ce dossier est :
C:\Program Files\Common Files\Adobe\Plug-ins\CC

Ou ce dossier : C:\Program Files\Adobe\Photoshop [version]\Plug-ins

Photoshop doit être fermé. Ensuite, démarrez Photoshop pour que le plug-in puisse se charger. Ensuite, vous pouvez ouvrir directement les fichiers AVIF via Glisser-déposer ou la boîte de dialogue Ouvrir dans Photoshop.

Afficher les images AVIF dans Windows

Lorsque je télécharge des images du site Web pour les éditer ou les utiliser autrement, je veux bien sûr que l'explorateur de fichiers puisse les ouvrir et les afficher.

A partir de Windows 10, c'est possible, mais une extension est nécessaire. Si vous cliquez sur un fichier AVIF, vous obtiendrez d'abord un message d'erreur. 

Le message d'erreur contient un lien. Si vous cliquez dessus, vous serez redirigé vers le Microsoft Store pour télécharger l'extension AVIF. Téléchargez-la. Ce n'est que 1,61 Mo.

Ensuite, vous pourrez ouvrir et afficher des images au format AVIF dans votre explorateur de fichiers Windows.

Préférer les animations AVIF aux animations GIF sur les sites Web

Il existe un convertisseur en ligne permettant de convertir des animations GIF en animations AVIF. https://mconverter.eu/convert/gif/avif/

Alors que mon GIF de test fait 787 Ko, l'animation en AVIF ne fait plus que 411 Ko.

Mon avis personnel

D'après moi, l'AVIF est la meilleure option pour intégrer actuellement des formats d'image modernes sur les sites Web. Les avantages en termes de compression et de qualité d'image sont convaincants. Aucun autre format d'image ne combine ces caractéristiques et n'accélère autant les temps de chargement. Actuellement, trop peu de propriétaires de sites Web utilisent le format AVIF, même si le support du navigateur est supérieur à 85 % et qu'il n'y a pas de barrière technique pour continuer à utiliser le WebP en tant que solution de repli. Le référencement évolue. L'AVIF seul ne suffit évidemment pas à obtenir des scores élevés dans les PageSpeed Insights ; d'autres facteurs techniques sont nécessaires. Lorsqu'il s'agit d'intégrer des formats d'image modernes, l'utilisation de l'AVIF vous permettra d'obtenir de meilleurs résultats par rapport au WebP.

Le contenu optimisé pour les mots-clés ne suffira plus, car Internet est inondé de contenu grâce à l'IA, de sorte que de nombreux sites Web rivalisent pour la visibilité en ligne avec des concurrents à la pointe du contenu, ce qui rend le SEO technique et plus particulièrement le respect des cœurs des vitals web de plus en plus important en tant que facteur de classement décisif, car Google souhaite offrir la meilleure expérience utilisateur possible. L'AVIF, entre autres facteurs, est une partie de la solution pour accélérer vos temps de chargement, améliorer l'expérience utilisateur et éventuellement améliorer votre visibilité en ligne.

En savoir plus sur le SEO, l'expérience utilisateur, le design et les tendances techniques

Si vous êtes intéressé par ces sujets autour du SEO, de l'expérience utilisateur, des outils IA et des nouvelles technologies Web en général, vous en apprendrez plus dans nos formations et nos autres articles sur le blog.

À vous de jouer maintenant

Si cet article vous a été utile, n'hésitez pas à nous laisser un avis sur Google. Chaque critique nous soutient. Si vous avez besoin d'aide pour utiliser l'AVIF dans votre projet Web, n'hésitez pas à nous contacter sur notre site d'agence.