Qu'est-ce que WebP
WebP est un format d'image lancé par Google, prenant en charge la compression avec perte, la compression sans perte et le canal alpha. En bref, il vise à remplacer à la fois JPEG et PNG — avec une taille plus petite et des fonctionnalités plus complètes.
Les principaux navigateurs (Chrome, Edge, Firefox, Safari) prennent désormais tous en charge WebP ; les sites web qui l'utilisent pour remplacer JPEG/PNG peuvent considérablement améliorer la vitesse de chargement.
Principaux avantages de WebP
Taille plus petite
- WebP avec perte par rapport à JPEG : 25 % à 35 % plus petit à qualité visuelle égale
- WebP sans perte par rapport à PNG : 20 % à 30 % plus petit
- Prise en charge de la transparence : bien plus petit qu'un PNG transparent, palliant le manque de transparence du JPEG
Pour les sites riches en images, passer tout le site à WebP permet d'économiser énormément de trafic et de temps de chargement.
Fonctionnalités complètes
- Prise en charge du canal alpha (comme PNG)
- Prise en charge avec perte et sans perte (comme JPEG et PNG réunis)
- Prise en charge des animations (comme GIF)
- Un seul format couvre de multiples usages
Prise en charge complète par les navigateurs modernes
Depuis 2020, les principaux navigateurs prennent tous en charge l'affichage WebP. Les problèmes de compatibilité d'il y a quelques années ont pratiquement disparu.
Limites de WebP
Environnements anciens non compatibles
Les anciens navigateurs (IE, anciennes versions iOS) ne le prennent pas en charge. Si vos utilisateurs en font partie, fournissez un fallback JPEG/PNG.
Prise en charge inégale par les logiciels d'édition
Certains anciens logiciels d'édition d'images ne peuvent pas éditer directement WebP. En revanche, les outils de visualisation et de conversion le prennent en charge de manière générale.
WebP avec perte de qualité très basse parfois inférieur au JPEG
À très basse qualité, WebP est parfois moins bon que JPEG. Mais dans la plage d'utilisation normale (70+), WebP reste supérieur.
WebP vs JPEG vs PNG
| Critère | JPEG | PNG | WebP |
|---|---|---|---|
| Compression avec perte | Oui | Non | Oui |
| Transparence | Non | Oui | Oui |
| Animation | Non | Non | Oui |
| Taille | Moyenne | Grande | La plus petite |
| Compatibilité | Toutes plateformes | Toutes plateformes | Navigateurs modernes |
Conclusion : pour les sites destinés aux navigateurs modernes, privilégiez WebP ; pour une compatibilité multiplateforme, utilisez JPEG/PNG ; si vous voulez transparence et petite taille, WebP est le meilleur choix.
Scénarios adaptés à WebP
- Illustrations web : remplacer JPEG/PNG pour accélérer le chargement
- Images transparentes : remplacer les PNG transparents pour une taille bien plus petite
- Images animées : remplacer GIF, taille plus petite et meilleure qualité
- Images d'application : réduire la taille du paquet
- Ressources CDN : économiser de la bande passante
Scénarios non adaptés
- Documents externes nécessitant une compatibilité multiplateforme (images intégrées PDF, anciens environnements)
- Publics utilisant d'anciens navigateurs
- Besoin d'éditer dans d'anciens logiciels
Comment convertir
Avec l'outil de conversion de formats d'images :
- Téléversez JPEG/PNG
- Choisissez le format cible WebP
- Définissez la qualité (80 avec perte est proche de l'effet sans perte)
- Convertissez et téléchargez
Pour la conversion par lot, définissez une qualité uniforme : 80 pour les photos, 90 pour les captures d'écran.
Gestion de la compatibilité avec la balise picture
Pour utiliser WebP tout en restant compatible avec les anciens navigateurs, utilisez la balise picture :
La balise source privilégie WebP, et en cas de non-prise en charge, l'image JPEG de la balise img est utilisée en repli. Les deux côtés sont ainsi satisfaits.
Pièges courants
Taille plus grande après conversion
Le WebP sans perte peut parfois être plus grand qu'un petit JPEG. Pour les photos, utilisez le WebP avec perte, pas le sans perte.
Qualité 100 n'équivaut pas à sans perte
WebP qualité 100 reste avec perte. Pour une véritable compression sans perte, choisissez l'option « WebP sans perte », mais la taille sera plus grande.
PNG transparent converti en WebP conserve la transparence
WebP prend en charge la transparence : la conversion d'un PNG transparent en WebP conserve les zones transparentes, contrairement à la conversion en JPG qui nécessite une couleur de fond.
Résumé
WebP est le choix d'image privilégié pour les sites modernes — taille minimale, fonctionnalités les plus complètes, compatibilité n'est plus un problème. Photos, images transparentes et animées conviennent toutes. Utilisez l'outil de conversion de formats DocsAll pour convertir par lot en WebP, traitement côté navigateur, photos non téléversées. En cas de besoin de compatibilité avec d'anciens environnements, utilisez la balise picture comme fallback.