WebP et AVIF sont deux formats d'images modernes conçus pour remplacer le JPEG et le PNG sur le web. Ils offrent des gains de compression spectaculaires — jusqu'à 50 % de réduction de poids par rapport au JPEG, à qualité visuelle équivalente — ce qui les rend essentiels pour l'optimisation de la performance web et du SEO. Pour les boutiques e-commerce dont les images représentent souvent 60 à 80 % du poids total des pages, adopter ces formats est l'un des leviers d'amélioration les plus efficaces.
Pourquoi le format d'image est un enjeu SEO
Une page web moyenne pèse aujourd'hui environ 2 Mo selon les analyses HTTP Archive. Sur cette taille totale, les images représentent en moyenne 50 à 60 % du poids — et sur les pages e-commerce riches en photos produit, ce pourcentage monte régulièrement à 70-80 %. Le poids des images détermine directement le temps de transfert sur le réseau, et donc le temps de chargement ressenti par l'utilisateur.
Google a intégré la vitesse de chargement dans son algorithme de classement via les Core Web Vitals, en particulier le LCP (Largest Contentful Paint) qui mesure l'affichage du plus grand élément visible — le plus souvent une image produit. Réduire le poids de cette image de 400 Ko à 150 Ko peut faire passer le LCP de 3 secondes à 1,2 seconde, ce qui représente la différence entre un score « Mauvais » et un score « Bon » selon les seuils Google.
Au-delà du SEO pur, des images plus légères améliorent l'expérience des utilisateurs mobiles sur des connexions 4G limitées, réduisent la consommation de data des visiteurs, et diminuent les coûts de bande passante serveur. Pour les boutiques avec plusieurs milliers de références, le gain cumulé est considérable.
WebP : le format développé par Google
WebP a été développé par Google et annoncé en 2010. Il s'appuie sur la technologie de compression du codec vidéo VP8 pour les images avec perte (lossy), et sur une variante lossless basée sur LZ77 et le codage Huffman pour les images sans perte. WebP supporte également la transparence (canal alpha) et les animations — deux fonctionnalités que le JPEG ne supporte pas (transparence) ou partiellement (animations via GIF).
Les gains de compression de WebP par rapport au JPEG sont en moyenne de 25 à 35 % à qualité visuelle équivalente selon les études de Google. En mode lossless, WebP est 26 % plus petit que le PNG en moyenne. Ces chiffres varient selon le type d'image : les photographies (contenu complexe, nombreux détails) bénéficient de gains proches des moyennes citées ; les illustrations avec aplats de couleur et détails nets peuvent bénéficier de gains encore supérieurs en lossless.
La compatibilité navigateur de WebP est aujourd'hui universelle : Chrome, Firefox, Safari (depuis 2020), Edge, Opera, et pratiquement tous les navigateurs mobiles supportent WebP. Selon caniuse.com, la couverture mondiale de navigateurs supportant WebP dépasse 97 % en 2026. Il n'y a plus de raison technique de servir du JPEG à la place de WebP pour la grande majorité des visiteurs.
AVIF : le format de nouvelle génération
AVIF (AV1 Image File Format) est un format d'image basé sur le codec vidéo AV1, développé par l'Alliance for Open Media (dont font partie Google, Apple, Mozilla, Netflix, Amazon et d'autres). Spécifié en 2019 et supporté par les principaux navigateurs depuis 2021, AVIF représente une avancée significative par rapport à WebP en termes d'efficacité de compression.
Les gains de compression d'AVIF par rapport au JPEG sont en moyenne de 40 à 55 % — nettement supérieurs aux 25-35 % de WebP. Par rapport à WebP lui-même, AVIF est généralement 20 à 30 % plus léger. Ces gains sont particulièrement nets sur les photographies à haute fréquence de détails et sur les images HDR (High Dynamic Range). AVIF supporte la transparence, les animations, les profils de couleur HDR et la profondeur de couleur jusqu'à 12 bits.
La compatibilité navigateur d'AVIF est en progression rapide : Chrome et Firefox le supportent depuis 2021, Safari depuis la version 16.4 (2023). En 2026, la couverture mondiale dépasse 93 %. Son principal inconvénient est sa plus grande complexité de décodage, qui peut légèrement ralentir l'affichage sur des appareils très anciens — un compromis généralement acceptable compte tenu des gains de taille.
JPEG vs WebP vs AVIF : comparaison des formats
Pour illustrer concrètement les différences entre ces formats, prenons l'exemple d'une photo produit typique d'e-commerce : une photographie packshot de chaussure en fond blanc, 800×800 pixels, qualité visuelle équivalente perçue.
- JPEG (qualité 85) : ~180 Ko — format universel, sans transparence, sans animation, compression lossy uniquement
- WebP (qualité 80) : ~120 Ko — gain de 33 %, transparence supportée, animation supportée, compatibilité 97 %+
- AVIF (qualité 60) : ~75 Ko — gain de 58 % vs JPEG, 37 % vs WebP, HDR supporté, compatibilité 93 %+
Ces différences de taille se multiplient à l'échelle d'une boutique. Pour une fiche produit chargeant 6 images de produit, passer de JPEG à AVIF représente une économie de 630 Ko par page — soit presque deux fois moins de données à transférer. Sur un mois avec 50 000 pages vues de fiches produit, c'est 31 Go de bande passante économisée, uniquement sur les images.
Compression avec perte (lossy) et sans perte (lossless)
Les deux formats supportent deux modes de compression fondamentalement différents. La compression avec perte (lossy) réduit le poids du fichier en éliminant des informations que l'œil humain perçoit peu ou pas. Un algorithme analyse l'image et approxime les zones moins perceptibles — typiquement les arrière-plans uniformes ou les zones à faible contraste. C'est le mode utilisé pour les photographies produit : un niveau de qualité de 75-85 % pour WebP ou 55-65 % pour AVIF produit des résultats visuellement indiscernables du fichier original.
La compression sans perte (lossless) préserve chaque pixel du fichier original, mais utilise des algorithmes de compression plus efficaces que PNG ou TIFF pour réduire la taille du fichier. WebP lossless est en moyenne 26 % plus petit que PNG à qualité identique ; AVIF lossless est encore plus efficace. Ce mode est adapté aux captures d'écran, aux logos, aux illustrations vectorielles converties en bitmap, et aux images où la précision absolue est requise.
Quel niveau de qualité choisir ?
Impact sur le SEO e-commerce
Adopter WebP et AVIF améliore le SEO par plusieurs mécanismes. Directement, des images plus légères réduisent le LCP — la métrique Core Web Vital la plus impactée par les images produit. Un meilleur LCP améliore le signal Page Experience de Google, ce qui peut favoriser le classement dans les résultats organiques, en particulier sur mobile.
Indirectement, des pages plus rapides améliorent le taux de rebond et le temps passé sur le site — des signaux comportementaux que Google peut utiliser pour évaluer la qualité d'une page. Sur mobile, où plus de 60 % des recherches e-commerce ont lieu, la rapidité est encore plus critique : une page qui met 4 secondes à charger perd en moyenne 53 % de ses visiteurs mobiles avant même le chargement complet (source : Google/Deloitte).
Pour Google Images — un canal d'acquisition non négligeable pour les boutiques e-commerce — la qualité technique des images (résolution, format, dimensions) influence l'indexation et l'affichage dans les résultats de recherche d'images. Des images correctement optimisées et servies via CDN avec des URLs stables améliorent également ce canal.
Comment Lexiik gère la conversion de format automatiquement
La conversion manuelle de milliers d'images produit en WebP ou AVIF est une tâche fastidieuse que la plupart des marchands n'ont ni le temps ni les outils pour réaliser. Lexiik automatise entièrement ce processus via son pipeline CDN.
Lors du premier chargement d'une image produit par un visiteur, Lexiik récupère le fichier original depuis votre serveur PrestaShop (JPEG, PNG ou toute autre format), le convertit en WebP et en AVIF, puis stocke ces versions optimisées sur Cloudflare R2. À partir de là, Lexiik sert le format approprié en fonction du navigateur du visiteur : l'en-tête HTTP Accept envoyé par le navigateur indique les formats supportés (par exemple, Chrome envoie Accept: image/avif,image/webp,*/*), et Lexiik répond avec le meilleur format disponible.
- Le visiteur demande une page produit, son navigateur envoie un en-tête Accept indiquant les formats supportés
- Lexiik vérifie si une version optimisée de l'image est déjà sur le CDN
- Si non, Lexiik récupère l'image originale depuis PrestaShop, la convertit en WebP et AVIF
- Lexiik sert le format le plus efficace supporté par le navigateur : AVIF en priorité, WebP si AVIF n'est pas supporté, JPEG en fallback
- L'image convertie est mise en cache sur Cloudflare R2 avec un TTL d'un an pour toutes les visites suivantes
Ce processus est entièrement transparent pour le marchand et le visiteur. Aucune modification de template n'est nécessaire, aucun plugin de compression supplémentaire à installer. Le module PrestaShop de Lexiik gère l'intégralité du pipeline de conversion et de livraison.