« WebP ou JPG ? » : la question se pose dès qu’on cherche à alléger un site lent. Les images font souvent partie des fichiers les plus lourds d’une page. Le format ne fait pas tout, mais il pèse.
La réponse courte : pour la plupart des sites, choisissez WebP. À qualité visuelle comparable, Google annonce des fichiers 25 à 34 % plus légers que les JPEG, avec la transparence en plus, et la quasi-totalité des navigateurs l’affiche. Gardez le JPG quand le fichier doit sortir du navigateur : emails, imprimeurs, logiciels anciens.
WebP et JPG en un tableau
| Critère | JPG | WebP |
|---|---|---|
| Compression | Avec perte | Avec perte ou sans perte |
| Transparence | Non | Oui, dans les deux modes |
| Animation | Non | Oui |
| Compatibilité navigateurs | Partout, depuis toujours | Environ 97 % des utilisateurs selon caniuse ; Safari complet à partir de la version 16 |
| Poids à qualité comparable | Référence | 25 à 34 % de moins selon l’étude de Google |
| Usages courants | Photos, emails, impression, partage | Images de site web, photos, visuels sur fond transparent, courtes animations |
Les données de Google viennent de la page officielle de WebP et de son étude comparative. Les chiffres de compatibilité sont ceux de caniuse, relevés le jour de la rédaction.
Que valent les 25 à 34 % annoncés ?
C’est un ordre de grandeur mesuré par Google sur son propre jeu d’images, à qualité équivalente selon l’indice SSIM. Sur vos images, le gain sera différent : une photo très détaillée et un visuel avec de grands aplats ne se compressent pas de la même façon. Je ne vous promets donc pas un pourcentage précis. Le plus sûr est de tester sur vos fichiers et de comparer le poids avant et après.
Côté transparence, WebP remplace aussi le PNG quand on a besoin d’un fond transparent. Google indique que ses images sans perte pèsent 26 % de moins que les PNG équivalents.
Quand garder le JPG
WebP n’est pas toujours le bon choix. Je garde le JPG dans ces cas :
- L’image sort du navigateur. Pièce jointe d’email, fichier envoyé à un imprimeur, image insérée dans un document : certains logiciels et clients de messagerie peuvent ne pas lire le WebP. Si vous ne savez pas où l’image ira, le JPG passe partout.
- Vos originaux. Conservez toujours les fichiers d’origine. Recompresser une image déjà compressée dégrade encore la qualité : repartez de l’original.
- Un site ou un outil imposé. Certaines plateformes ou anciens logiciels n’acceptent pas le WebP en téléversement. Dans ce cas, convertissez à la fin, pas au début.
Pour un site web ordinaire (vitrine, blog, boutique), ces contraintes ne s’appliquent pas à l’affichage : le navigateur du visiteur lit le WebP.
Et AVIF ?
AVIF est le format plus récent. D’après MDN, AVIF et WebP offrent de meilleures performances que JPEG mais une prise en charge moins large, et il faut prévoir des solutions de secours avec la balise <picture> pour AVIF. Selon caniuse, AVIF est lui aussi pris en charge par environ 97 % des utilisateurs, mais Safari ne l’affiche qu’à partir de sa version 16.4.
Mon avis : pour une PME qui débute, WebP suffit. AVIF vaut le détour si vous gérez beaucoup d’images et que vous avez un outil qui génère les deux formats automatiquement.
Comment convertir vos images en WebP
Avec mon outil gratuit
Mon outil de compression d’images fonctionne dans votre navigateur : l’image n’est pas envoyée sur un serveur. Voici ce qu’il fait réellement :
- il accepte les fichiers JPG, PNG, WebP, BMP et AVIF (12 Mo au maximum par fichier) ;
- il produit du WebP par défaut, ou du JPEG ou du PNG si vous préférez ;
- vous réglez la qualité de 10 à 100 (80 par défaut) ;
- vous pouvez réduire la plus grande dimension à 1920, 1280 ou 800 pixels, ou garder la taille d’origine (1920 par défaut).
Il ne produit pas d’AVIF. Comparez toujours le résultat à l’original avant de baisser la qualité.
Sur WordPress
Depuis la version 5.8, WordPress accepte le téléversement d’images WebP, d’après les notes de version 5.8. Beaucoup de plugins d’optimisation convertissent aussi vos images en WebP à l’envoi. Pensez à garder une copie de vos originaux.
Avec un format de secours
Si vous voulez protéger les rares navigateurs qui ne lisent pas le WebP, la balise <picture> propose un JPG en secours :
<picture>
<source srcset="photo.webp" type="image/webp">
<img src="photo.jpg" alt="Description de la photo" width="1200" height="800" loading="lazy">
</picture>Renseignez toujours alt, width et height : cela aide le référencement des images et évite que la page se décale pendant le chargement.
L’impact sur la vitesse de votre site
Une page plus légère charge plus vite, surtout sur mobile. Google recommande d’obtenir de bons Core Web Vitals, et l’image principale d’une page peut peser directement sur le temps d’affichage mesuré par le LCP. Je détaille ces mesures dans mon guide des Core Web Vitals.
Changer de format est une bonne étape, mais pas la seule : redimensionnez les images à la taille réellement affichée, chargez les images hors écran en différé, et ne mettez pas en différé l’image principale du haut de page. Pour voir où en est votre site, mon audit SEO gratuit contrôle la vitesse de chargement et les Core Web Vitals.
En résumé
- Pour les images de votre site : WebP, sauf contrainte particulière.
- Pour ce qui sort du navigateur (emails, impression) : JPG.
- Gardez vos originaux et testez le gain sur vos propres images.
- AVIF est une option plus avancée, avec un format de secours.
