Le guide complet WebP (2025)
Tout ce que vous devez savoir sur WebP : compression, paramètres de qualité, support navigateur et meilleures pratiques.
Qu'est-ce que WebP ?
WebP est un format image développé par Google depuis 2010, conçu spécifiquement pour le web. Il offre une compression supérieure — typiquement 25–35% plus petit que JPEG à qualité visuelle équivalente — tout en supportant la compression lossy et lossless, la transparence alpha et même l'animation.
Aujourd'hui, WebP est supporté par 97%+ de tous les navigateurs dans le monde, y compris Chrome, Firefox, Safari, Edge et Opera. Il est devenu le standard de facto pour l'optimisation d'images web, recommandé par Google PageSpeed Insights, Lighthouse et les directives Core Web Vitals.
WebP vs JPEG : Comparaison réelle
Voici à quoi ressemble la compression WebP en pratique pour une photo produit typique de 1200×800 :
| Format | Taille | vs Original | Qualité visuelle |
|---|---|---|---|
| JPEG (quality 85) | 185 KB | — | Excellent |
| WebP (quality 85) | 62 KB | −66% | Identical |
| WebP (quality 75) | 41 KB | −78% | Near-identical |
| WebP (lossless) | 290 KB | −43% vs PNG | Pixel-perfect |
Les économies se cumulent sur une page. Une liste de produits e-commerce avec 20 images peut passer de 3,7 MB (JPEG) à 1,2 MB (WebP) — une réduction de 67% du poids total des images, améliorant directement le temps de chargement et les scores Core Web Vitals.
Comprendre les paramètres de qualité WebP
Le paramètre de qualité (0–100) contrôle le compromis entre taille de fichier et fidélité visuelle. Voici ce que chaque plage signifie en pratique :
- Qualité 90–100 : Rendements décroissants. Les fichiers sont beaucoup plus gros avec une amélioration à peine visible par rapport à la qualité 85. À éviter sauf pour l'archivage.
- Qualité 80–85 : Le point idéal. Visuellement indiscernable de l'original pour la plupart des photos, avec 60–70% de réduction. C'est le standard de l'industrie.
- Qualité 60–75 : Bon pour les vignettes, aperçus et images non critiques. Légère perte de détail dans les zones plates et les dégradés.
- Qualité 40–50 : Artefacts visibles. Uniquement adapté aux très petites vignettes ou arrière-plans décoratifs.
- Mode lossless : Préserve chaque pixel exactement. Idéal pour les captures d'écran, diagrammes et images avec du texte. Les fichiers sont plus gros que le lossy mais restent plus petits que PNG.
Support navigateur WebP
WebP a un excellent support navigateur en 2025 :
- Chrome: Full support since v32 (2014)
- Firefox: Full support since v65 (2019)
- Safari: Full support since v14 (2020)
- Edge: Full support since v18 (2019)
- Opera: Full support since v19 (2014)
- Samsung Internet: Full support since v4.0
La couverture mondiale est de 97%+. Pour les 3% restants (navigateurs très anciens), utilisez l'élément <picture> avec fallback JPEG :
Comment servir WebP avec fallback
Utilisez l'élément HTML <picture> pour servir WebP aux navigateurs compatibles tout en fournissant un fallback JPEG pour les plus anciens :
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Description" width="800" height="600">
</picture>Incluez toujours les attributs width et height pour prévenir le Cumulative Layout Shift (CLS) — une métrique Core Web Vitals utilisée par Google pour le classement.
Erreurs WebP courantes à éviter
- Convertir des images déjà compressées : Si votre source est un JPEG de basse qualité, convertir en WebP ne récupérera pas les détails perdus. Commencez avec la source de la plus haute qualité.
- Utiliser la qualité 100 : Cela produit des fichiers inutilement volumineux. Qualité 80–85 est le point idéal pour pratiquement tous les cas d'usage.
- Oublier le fallback : Sans fallback JPEG dans l'élément
<picture>, les navigateurs très anciens afficheront une image cassée. - Ne pas redimensionner avant la conversion : Une image 4000×3000 affichée en 800×600 gaspille 25x de bande passante. Redimensionnez d'abord, puis convertissez.
- Ignorer l'orientation EXIF : Certains appareils stockent la rotation dans les données EXIF. Assurez-vous que votre convertisseur gère correctement l'orientation.
Convertir des images en WebP gratuitement
BulkPicConv vous permet de convertir des images en WebP directement dans votre navigateur — sans upload, sans inscription, sans filigrane. Déposez vos images, ajustez la qualité et téléchargez les fichiers WebP optimisés en quelques secondes.