Comment Convertir des Images au Format WebP : Guide Complet (2026)

Publié le 28 mars 2026 • 14 min de lecture

WebP vous fait économiser 25 à 35 % de taille de fichier par rapport à JPEG et PNG sans perte de qualité visible. Si vous gérez un site web et n'avez pas encore fait le changement, vous envoyez des octets inutiles à chaque chargement de page. Ce guide couvre toutes les méthodes pratiques pour convertir vos images en WebP — des outils en ligne par glisser-déposer aux pipelines de build automatisés.

1. Qu'est-ce que WebP et Pourquoi l'Utiliser ?

WebP est un format d'image créé par Google en 2010, basé sur la technologie du codec vidéo VP8. Il a été conçu avec un seul objectif : offrir la même qualité visuelle que JPEG et PNG avec des tailles de fichier nettement plus petites. Et il tient cette promesse de manière constante.

En mode avec perte, WebP produit des fichiers 25 à 34 % plus petits que des fichiers JPEG équivalents au même indice de qualité SSIM. En mode sans perte, les images WebP sont en moyenne 26 % plus petites que les PNG. Ce ne sont pas des chiffres théoriques — Google a testé sur un million d'images échantillonnées aléatoirement sur le web pour arriver à ces résultats.

Ce qui rend WebP particulièrement utile, c'est qu'il gère des choses que JPEG et PNG ne peuvent pas faire individuellement. JPEG vous donne de petites photos mais pas de transparence. PNG vous donne de la transparence mais avec de grandes tailles de fichier. WebP fait les deux — compression avec perte avec support complet du canal alpha. Une image de produit avec un fond transparent qui pourrait faire 800 Ko en PNG peut descendre à 150 Ko en WebP avec perte et transparence, et vous ne verrez pas la différence.

WebP supporte également l'animation, ce qui signifie qu'il peut remplacer les fichiers GIF. Les fichiers WebP animés sont environ 64 % plus petits que les GIF équivalents, avec une meilleure profondeur de couleur (24 bits contre la palette 8 bits du GIF). Si vous utilisez encore des GIF pour de courtes animations ou des démos d'interface, WebP est une mise à niveau directe.

L'impact pratique est simple : chargements de page plus rapides, coûts de bande passante réduits et meilleurs scores Core Web Vitals. Pour un site e-commerce typique avec 50 images de produits par page de catégorie, passer de JPEG à WebP peut réduire la charge d'images de 3 Mo à moins de 2 Mo — économisant 1 à 2 secondes sur le temps de chargement sur les connexions mobiles.

2. Support Navigateur WebP en 2026

Le support navigateur était la principale raison pour laquelle les gens hésitaient à adopter WebP pendant des années. Cette préoccupation est maintenant sans objet. Début 2026, WebP est supporté par plus de 97 % des navigateurs utilisés dans le monde, selon les données de Can I Use.

Voici l'état actuel :

Le seul navigateur qui n'a jamais supporté WebP est Internet Explorer 11, que Microsoft a officiellement retiré en juin 2022. La part d'utilisation mondiale d'IE11 est maintenant inférieure à 0,15 %. À moins que vos analyses ne montrent un trafic IE11 significatif (vérifiez — ce n'est presque certainement pas le cas), vous pouvez servir du WebP sans aucune solution de repli et tout ira bien.

Cela dit, implémenter une solution de repli est trivial en utilisant l'élément HTML <picture>, et cela ne vous coûte rien en termes de performance. Nous couvrirons cela dans la section sur les solutions de repli ci-dessous. Pour la plupart des sites, cependant, vous pouvez utiliser WebP en toute confiance comme format d'image web principal et unique en 2026.

L'adoption par Safari en 2020 a été le point de bascule. Avant cela, environ 15 à 20 % des utilisateurs web (iOS Safari + macOS Safari) ne pouvaient pas voir les images WebP. Maintenant, chaque plateforme majeure — ordinateur de bureau, mobile, tablette — gère WebP nativement.

3. Paramètres de Qualité WebP Expliqués

Obtenir le bon réglage de qualité fait la différence entre "économisé 10 % de taille de fichier" et "économisé 40 % de taille de fichier". Le paramètre de qualité de WebP fonctionne différemment de celui de JPEG, et comprendre les nuances vous aidera à prendre de meilleures décisions.

Qualité WebP avec Perte (le flag -q)

L'échelle de qualité de WebP va de 0 à 100, similaire à JPEG. Mais l'algorithme de compression est plus efficace, donc un WebP à qualité 80 a généralement l'air aussi bon qu'un JPEG à qualité 85-90. Le point optimal pour la plupart des contenus photographiques est qualité 75-85. Voici ce que chaque plage signifie réellement en pratique :

• Qualité 90-100 : Presque aucune compression. Les fichiers sont seulement 10 à 15 % plus petits que l'original. Utile uniquement pour les images héros où chaque détail compte et vous optimisez déjà ailleurs.
• Qualité 75-85 : Le point optimal pratique. Vous économiserez 30 à 45 % par rapport à un JPEG équivalent, et la différence visuelle est imperceptible pour la plupart des gens, même sur les écrans retina. Commencez ici.
• Qualité 60-74 : Adoucissement notable à l'inspection rapprochée, mais parfaitement acceptable pour les miniatures, images d'arrière-plan et contenu où les utilisateurs ne zoomeront pas.
• Qualité inférieure à 60 : Artefacts visibles. Utilisez ceci uniquement pour de très petites miniatures ou images de remplacement.

WebP Sans Perte

Le mode sans perte préserve chaque pixel exactement. Il n'y a pas de curseur de qualité — la sortie est mathématiquement identique à l'entrée. Utilisez WebP sans perte pour les captures d'écran, diagrammes, logos, éléments d'interface et toute image avec des bords nets, du texte ou des zones de couleur plate. Les fichiers WebP sans perte sont généralement 26 % plus petits que les PNG équivalents.

Mode Quasi Sans Perte

C'est le joyau caché de WebP que la plupart des guides omettent. Le mode quasi sans perte (activé avec -near_lossless dans cwebp) applique un prétraitement minimal à l'image avant la compression sans perte. Le prétraitement modifie légèrement les valeurs de pixels dans les zones où le changement est invisible, ce qui améliore considérablement la compression. Un WebP quasi sans perte au niveau 60 peut être 40 à 50 % plus petit qu'un WebP sans perte standard, avec des changements littéralement invisibles à l'œil humain. C'est idéal pour les captures d'écran et graphiques où vous voulez une qualité quasi parfaite à des tailles beaucoup plus petites que le vrai sans perte.

Un détail important : le paramètre de qualité de WebP contrôle le compromis compression-qualité, mais le flag -m (méthode, 0-6) contrôle à quel point l'encodeur travaille dur pour trouver une compression optimale. Des valeurs plus élevées produisent des fichiers plus petits mais prennent plus de temps à encoder. Pour le traitement par lots, -m 4 est un bon équilibre. Pour des conversions ponctuelles où vous voulez des économies maximales, utilisez -m 6.

4. Méthode 1 : Convertir en Ligne avec ImgKit

Si vous devez convertir quelques images rapidement, un convertisseur en ligne est le chemin le plus rapide. Le convertisseur Image vers WebP d'ImgKit fonctionne entièrement dans votre navigateur — vos images ne quittent jamais votre appareil, ce qui compte si vous travaillez avec des photos de clients ou du contenu sensible.

Voici comment l'utiliser :

1. Ouvrez l'outil — Allez sur img-kit.com/tools/image-to-webp/
2. Téléchargez vos images — Glissez et déposez les fichiers sur la zone de téléchargement, ou cliquez pour parcourir. Vous pouvez sélectionner plusieurs fichiers à la fois. L'outil accepte les entrées JPEG, PNG, GIF, BMP et TIFF.
3. Ajustez la qualité — Utilisez le curseur de qualité pour définir votre cible. L'aperçu se met à jour en temps réel pour que vous puissiez voir la sortie avant de télécharger. Commencez à 80 et baissez jusqu'à ce que vous remarquiez une perte de qualité, puis remontez d'un cran.
4. Téléchargez — Cliquez sur le bouton de téléchargement pour obtenir vos fichiers WebP. Pour plusieurs images, vous obtiendrez un fichier zip.

L'approche basée sur le navigateur a une limite pratique autour de 50 Mo par image (selon la RAM de votre appareil). Pour des fichiers plus volumineux ou des centaines d'images, utilisez la méthode en ligne de commande ci-dessous.

Un avantage de l'approche en ligne : vous pouvez comparer visuellement avant et après côte à côte. C'est plus difficile à faire avec les outils en ligne de commande, où vous devriez ouvrir les deux fichiers manuellement. Si vous essayez de trouver le bon réglage de qualité pour un type d'image spécifique (photos de produits, en-têtes de blog, etc.), commencez avec l'outil en ligne pour affiner vos paramètres, puis utilisez ces paramètres pour le traitement par lots.

5. Méthode 2 : Convertir avec la Ligne de Commande (cwebp)

L'outil cwebp de Google est l'encodeur de référence pour WebP. Il est gratuit, rapide et vous donne un contrôle total sur chaque paramètre d'encodage. C'est la méthode à utiliser pour le traitement par lots ou l'intégration de la conversion WebP dans des scripts de build.

Installation

# macOS
brew install webp

# Ubuntu/Debian
sudo apt install webp

# Windows (via chocolatey)
choco install webp

Conversion de Base

# Convertir une seule image à qualité 80
cwebp -q 80 photo.jpg -o photo.webp

# Conversion sans perte
cwebp -lossless screenshot.png -o screenshot.webp

# Quasi sans perte au niveau 60 (excellent pour les graphiques)
cwebp -near_lossless 60 diagram.png -o diagram.webp

Conversion par Lots

Convertir tous les JPEG dans un répertoire :

# Linux/macOS — convertir tous les JPEG dans le dossier actuel
for f in *.jpg; do
  cwebp -q 80 -m 4 "$f" -o "${f%.jpg}.webp"
done

# Inclure les sous-répertoires
find . -name "*.jpg" -exec sh -c 'cwebp -q 80 "$1" -o "${1%.jpg}.webp"' _ {} \;

# Convertir les PNG aussi
for f in *.png; do
  cwebp -q 85 -m 4 "$f" -o "${f%.png}.webp"
done

Flags Utiles

• -q 80 — Qualité (0-100). Commencez à 80 pour les photos.
• -m 4 — Méthode de compression (0-6). Plus élevé = fichiers plus petits, encodage plus lent.
• -resize W H — Redimensionner pendant la conversion. Utilisez 0 pour une dimension pour maintenir le rapport d'aspect.
• -mt — Encodage multi-thread. Plus rapide sur les machines multi-cœurs.
• -short — Afficher uniquement la taille du fichier (utile dans les scripts).
• -