Pendant longtemps, le choix d'un format d'image web s'est limité à JPEG, PNG et GIF. Deux formats plus récents, WebP et AVIF, offrent aujourd'hui une alternative sérieuse, capable de réduire le poids des images sans sacrifier la qualité visuelle perçue par le visiteur.
WebP, le format déjà largement adopté
Développé par Google, WebP propose à la fois une compression avec perte (comme le JPEG) et sans perte (comme le PNG), tout en prenant en charge la transparence et même l'animation, ce qui en fait un remplaçant capable de couvrir les usages de JPEG, PNG et GIF à la fois dans un seul format. Il est aujourd'hui pris en charge par l'ensemble des navigateurs modernes, ce qui en fait un choix fiable pour la quasi-totalité des sites.
AVIF, plus récent et souvent plus performant
Basé sur la technologie de compression vidéo AV1, AVIF pousse la compression encore plus loin, produisant généralement des fichiers plus légers que WebP pour un niveau de qualité visuelle comparable, en particulier sur les photographies. Sa contrepartie est un coût de calcul plus élevé lors de l'encodage (la conversion d'une image vers AVIF prend plus de temps que vers WebP), ce qui n'a toutefois pas d'impact pour le visiteur puisque cette conversion se fait une seule fois, en amont, pas à chaque visite.
Déployer ces formats avec un système de secours fiable
Même si la prise en charge de WebP et AVIF est aujourd'hui très large, la bonne pratique consiste à toujours prévoir un format de secours (JPEG ou PNG) pour les cas plus rares de navigateurs anciens ou d'outils tiers qui ne géreraient pas ces formats. L'élément HTML <picture> permet justement de proposer plusieurs formats dans un ordre de préférence, le navigateur choisissant automatiquement le premier qu'il sait afficher :
- AVIF en premier choix, pour le gain de poids maximal.
- WebP en second choix, pour une compatibilité très large.
- JPEG ou PNG en dernier recours, garantissant un affichage dans tous les cas.
Sur WordPress, plusieurs extensions gèrent cette conversion et cette logique de secours automatiquement à chaque téléversement d'image, sans intervention manuelle pour chaque fichier.
Les outils pour convertir ses images existantes
Pour un lot d'images déjà publiées, des outils comme Squoosh (en ligne, gratuit, développé par Google) permettent de comparer visuellement le résultat de plusieurs formats et niveaux de compression avant de choisir. En ligne de commande, ImageMagick ou des outils dédiés comme cwebp et avifenc automatisent la conversion d'un grand nombre de fichiers.
Convertir les images déjà publiées sans tout casser
Pour un site existant avec des années de contenu déjà publié, reconvertir chaque image une par une serait impraticable. Deux approches permettent de traiter ce cas sans tout réécrire :
- Une extension de conversion automatique qui traite en arrière-plan la médiathèque existante, en générant les versions WebP ou AVIF à côté des fichiers d'origine, sans jamais modifier les liens déjà publiés dans le contenu.
- Une configuration serveur qui détecte, au moment de la requête, si une version moderne du fichier demandé existe et si le navigateur du visiteur la prend en charge, pour la servir automatiquement à la place de l'original, sans changer l'adresse de l'image affichée dans le code de la page.
Cette seconde approche, appelée négociation de contenu, a l'avantage de ne jamais casser un lien existant, y compris ceux partagés sur les réseaux sociaux ou indexés depuis longtemps par les moteurs de recherche.
Dans l'élément <picture>, chaque source alternative précise aussi son type via l'attribut type (par exemple image/avif ou image/webp), ce qui permet au navigateur de choisir la bonne version sans même avoir à télécharger un fichier pour vérifier s'il sait l'afficher. Cette déclaration explicite évite tout gaspillage de requête inutile lors de la sélection du format final.
Faut-il supprimer les fichiers JPEG ou PNG d'origine après conversion ?
Non, il est recommandé de les conserver comme format de secours et comme source si une nouvelle conversion s'avère nécessaire plus tard (changement d'outil, nouveau format à l'avenir).
AVIF remplace-t-il complètement WebP ?
Pas encore systématiquement : certains outils et plateformes tierces ne prennent pas encore en charge AVIF aussi largement que WebP. Utiliser les deux avec une logique de secours via l'élément picture reste l'approche la plus sûre actuellement.
Nos offres d'hébergement WordPress et notre constructeur de site intègrent une conversion automatique vers les formats modernes lors de l'import d'images, pour un gain de performance sans intervention technique de votre part.
