Format image WebP : guide complet pour e-commerçants (2026)

Le format WebP, lancé par Google en 2010 et standardisé dans tous les navigateurs majeurs depuis 2020, est aujourd'hui le format d'image par défaut recommandé pour le e-commerce. Il compresse mieux que JPEG, supporte la transparence comme PNG, et reste lisible partout. Pour un marchand Shopify ou PrestaShop avec 2 000 à 20 000 références, le passage à WebP représente souvent plusieurs secondes gagnées sur le LCP et un bond direct sur les Core Web Vitals.

Ce guide couvre tout ce que vous devez savoir : la technique, la compatibilité, les règles de conversion, les pièges à éviter et — en fin de parcours — comment Seegea convertit automatiquement l'intégralité de votre catalogue produit en WebP, sans passer par Photoshop, sans script Node.js, sans risque de casser vos fiches.

WebP vs JPEG vs PNG vs AVIF : le comparatif technique

Avant de comparer, remettons les formats en contexte. Chaque format a été pensé pour un usage précis, et aucun n'est objectivement « meilleur » dans l'absolu.

• JPEG — créé en 1992, compression lossy (avec perte), pas de transparence. Le format le plus universel mais vieillissant. Taille typique d'un packshot produit 1000×1000 : 180 à 250 Ko.
• PNG — créé en 1996, compression lossless (sans perte), supporte la transparence. Excellent pour logos et illustrations, catastrophique pour les photos. Taille typique d'un packshot : 900 Ko à 1,5 Mo.
• WebP — créé par Google en 2010, supporte lossy et lossless, transparence, animation. Taille typique d'un packshot : 45 à 90 Ko.
• AVIF — créé en 2019, compression encore meilleure que WebP, encodage plus lent. Taille typique : 30 à 70 Ko. Compatibilité Safari correcte mais incomplète sur Safari 15.

L'impact concret sur les Core Web Vitals

Google Search Console utilise trois métriques de performance comme signal de ranking depuis 2021 : LCP, CLS et INP (qui a remplacé FID en mars 2024). Les images pèsent lourdement sur le LCP (Largest Contentful Paint) car, sur la plupart des pages produit, l'image principale est l'élément LCP.

Étude de cas mesurée sur un catalogue Shopify de 4 800 produits passé en WebP :

• Poids moyen image principale : 246 Ko → 78 Ko (−68 %)
• LCP médian mobile : 3,9 s → 2,1 s (−46 %)
• Score Lighthouse Performance : 48 → 82
• Taux de rebond sur fiche produit : 54 % → 47 %

Ce ne sont pas des chiffres théoriques : l'écart entre un LCP à 4 s et un LCP à 2 s est souvent le facteur qui fait passer votre page du « à améliorer » au « bon » côté Google Search Console, avec impact direct sur les impressions organiques.

Les règles de conversion à respecter

Taux de qualité : entre 75 et 85

La plupart des encodeurs WebP (cwebp, Sharp, Squoosh) utilisent un paramètre de qualité de 0 à 100. En-dessous de 70, des artefacts apparaissent visiblement sur les dégradés. Au-dessus de 90, vous gagnez peu de compression pour beaucoup de poids. Le sweet spot e-commerce se situe entre 75 et 85, avec 82 comme valeur par défaut recommandée.

Lossy ou lossless ?

Pour les photos produit, toujours WebP lossy. Le gain de poids est massif (60 à 75 %) et la perte de qualité imperceptible. Pour les logos, illustrations, icônes, screenshots UI, WebP lossless. Le gain est moindre (20 à 30 %) mais la netteté est préservée.

Taille en pixels

Un WebP à 4000×4000 reste lourd, même bien compressé. Avant conversion, redimensionnez :

• Image principale Shopify : 2048×2048 (retina compatible)
• Image Google Shopping : 1000×1000 minimum, 1600×1600 recommandé
• Vignettes grille : 600×600
• Thumbnails miniatures : 300×300

Conservez toujours l'original

C'est la règle d'or. Ne supprimez jamais le JPEG ou PNG source avant d'avoir validé le rendu WebP dans votre thème, sur mobile et desktop, sur plusieurs fiches. Si votre WebP est trop compressé ou casse un détail, il vous faut pouvoir revenir en arrière.

Compatibilité navigateurs : où en est-on en 2026 ?

Depuis Safari 14 (septembre 2020), tous les navigateurs majeurs supportent WebP nativement. Les chiffres Can I Use au 1er janvier 2026 :

• Chrome, Edge, Opera, Samsung Internet : depuis 2014
• Firefox : depuis 2019
• Safari desktop : depuis Safari 14 (Big Sur, septembre 2020)
• iOS Safari : depuis iOS 14 (septembre 2020)

En 2026, 97,3 % des utilisateurs e-commerce dans le monde (98,8 % en France) voient WebP sans aucun fallback. Les 2,7 % restants sont soit des navigateurs très anciens (IE11, Safari 13), soit des bots/scrapers. Pour ces cas, la balise HTML <picture> sert automatiquement un JPEG.

Les 3 pièges les plus courants (et comment les éviter)

Comment convertir son catalogue en WebP : 4 approches

Option 1 : Photoshop (50 produits max)

Fichier → Exporter sous → Format WebP. Fonctionne depuis Photoshop 23.2 (2022). Tenable pour une boutique de < 50 références, impossible au-delà.

Option 2 : outils en ligne (200 produits max)

Squoosh.app (Google), TinyPNG, CloudConvert. Upload un par un, pas de batch, pas d'intégration CMS. Le tout reste manuel.

Option 3 : script Node.js avec Sharp (technique)

Si vous avez un développeur sous la main, Sharp fait le job avec sharp(input).webp({quality: 82}).toFile(output). Reste à gérer : récupération des images depuis Shopify via API GraphQL, push des nouvelles versions, gestion des erreurs, suppression des anciennes. Comptez 1 à 2 jours-homme pour un script robuste, plus la maintenance.

Option 4 : Seegea (tous catalogues)

Sélection multiple dans la grille → bouton « Convertir en WebP » → choix du taux de qualité → validation. Seegea récupère les images haute résolution depuis Shopify ou PrestaShop, les convertit avec Sharp côté serveur, les re-pousse via l'API avec préservation des alt text, et crée une version produit pour chaque modification — donc un Ctrl+Z restaure tout si un visuel a été mal compressé.

Ce que Seegea fait précisément sur vos images

Questions techniques avancées

WebP animé : peut-il remplacer les GIF ?

Oui. WebP animé (depuis 2013) compresse 3 à 5 fois mieux qu'un GIF à qualité équivalente. Pour des démos produit animées sur fiche, c'est le format par défaut. Attention : sur Shopify, seul le format GIF est accepté dans le champ « image » natif ; pour du WebP animé, il faut passer par un metafield ou une section custom.

Lazy loading et WebP

WebP n'interfère en aucun cas avec le lazy loading natif (loading="lazy"). Les deux se combinent parfaitement et l'effet sur les Core Web Vitals est multiplicatif : image plus légère + chargée uniquement quand visible = LCP qui plonge.

CDN et WebP

Shopify CDN et la plupart des CDN modernes (Cloudflare, Bunny, CDN77) servent automatiquement la meilleure version (WebP ou AVIF) selon le navigateur via négociation Accept header. Vous uploadez un WebP, le CDN peut servir un AVIF à un visiteur compatible. Aucune action à faire de votre côté.

Conclusion : par où commencer ?

Si votre catalogue contient plus de 500 produits et que la majorité des images sont encore en JPEG ou PNG, le passage au WebP est le levier performance au meilleur ratio effort/gain que vous pouvez activer en 2026. Avant de refondre votre thème, avant d'acheter un plugin de cache, avant de migrer votre CDN : convertissez vos images.

Seegea a été conçu en France, entre Annecy et Chantilly, pour les marchands Shopify et PrestaShop qui veulent arrêter de perdre des nuits à corriger et optimiser leur catalogue. Conversion WebP, redimensionnement, alt text IA, description IA, rollback complet : tout est dans la même interface tabulaire, poussé en temps réel vers votre CMS.