Convertisseur d'image en WebP

Créez des images plus légères avec WebP

WebP allie le meilleur des deux mondes : une compression de type JPG pour les photos et une transparence de type PNG pour les graphiques, dans un seul format moderne souvent 25 à 35 % plus léger que l'original. Des images plus petites, ce sont des sites qui se chargent plus vite et des coûts de bande passante réduits.

Ce convertisseur réencode vos PNG ou JPG en WebP directement dans le navigateur grâce à l'API canvas. Ajustez le curseur de qualité pour arbitrer entre taille et fidélité : environ 75 à 85 % est une excellente valeur par défaut, visuellement indiscernable de l'original pour la plupart des images.

Quand utiliser WebP

WebP est idéal pour le web : photos de produits, images de blog, bannières principales et icônes profitent toutes de la taille réduite. Si vous diffusez des images à des utilisateurs de navigateurs modernes, la conversion en WebP est l'un des gains de performance les plus faciles à obtenir. Ne gardez une version de repli PNG ou JPG que si vous devez prendre en charge des logiciels très anciens.

Choisir le réglage de qualité

Le curseur va de 10 à 100 et démarre à 80. Pour les photos, 75 à 85 offre un bon équilibre. Pour les captures d'écran, le texte et les graphiques nets, essayez 90 ou plus, car des valeurs basses peuvent flouter les lignes fines. Vous pouvez déposer plusieurs fichiers à la fois ; chacun est converti en pleine résolution et téléchargé séparément. L'outil ne redimensionne pas : réduisez donc d'abord les grandes images si vous voulez aussi des dimensions plus petites.

À savoir

• Convertir un JPG existant en WebP avec perte ajoute un nouveau cycle de compression ; partez donc de l'original ou d'un PNG quand c'est possible.
• La transparence d'un PNG est conservée dans le résultat WebP.
• L'encodage WebP depuis un canvas dépend du navigateur. Si un navigateur ne sait pas encoder en WebP, il peut renvoyer silencieusement un PNG. Si le résultat est étonnamment volumineux, essayez une version récente de Chrome, Edge ou Firefox.
• Comparez toujours le résultat à l'original en taille réelle avant de remplacer des images sur un site en production.

Utiliser WebP sur votre site

Tous les principaux navigateurs actuels savent afficher WebP, il est donc sûr pour la plupart des publics. Vous pouvez le servir directement dans une balise img, ou utiliser un élément picture avec une version de repli JPG ou PNG si vous devez prendre en charge des logiciels très anciens. Des fichiers image plus légers améliorent aussi les indicateurs de vitesse de page tels que Largest Contentful Paint, en particulier pour les photos principales et les galeries de produits.

Pour un lot de photos de produits ou d'images de blog, les convertir toutes avec une même valeur de qualité garantit un rendu uniforme sur tout votre site. Testez d'abord un fichier et ajustez le curseur avant de traiter le reste.