Pourquoi le WebP accélère les pages
Les images sont souvent la partie la plus lourde d'une page web, et ce poids influe sur la vitesse d'affichage, surtout sur mobile. Le WebP a été créé pour le réduire : pour des photographies, les fichiers WebP sont en général 25 à 35 % plus légers que des JPG de qualité visuelle comparable, selon les comparatifs publiés par Google.
Tous les navigateurs actuels prennent en charge le WebP, y compris Safari depuis la version 14. C'est donc un choix sûr pour les images de site aujourd'hui, tandis que le JPG reste préférable pour l'e-mail, l'impression et les anciens logiciels.
JPG ou WebP : comparaison rapide
| Caractéristique | JPG | WebP |
|---|---|---|
| Nom complet | JPEG (Joint Photographic Experts Group) | WebP |
| Type | Image matricielle | Image matricielle |
| Création | 1992 | 2010 |
| Créé par | Joint Photographic Experts Group (ISO/IEC 10918) | |
| Compression | Avec perte (basée sur la DCT) | Avec ou sans perte |
| Transparence | Non | Oui, y compris en mode avec perte |
| Animation | Non | Oui |
| Profondeur de couleur | 24 bits, environ 16,7 millions de couleurs | Couleur 24 bits plus alpha 8 bits |
| Idéal pour | Photos et images réalistes | Images web qui doivent rester légères |
| Compatibilité | Universelle : tous les navigateurs, systèmes et éditeurs | Tous les navigateurs actuels ; certaines anciennes applications ne l'ouvrent pas |
| Type MIME | image/jpeg | image/webp |
Comment convertir un JPG en WebP
Étape 1: Sélectionnez un JPG
Déposez la photo dans le convertisseur ci-dessus. Elle est lue localement, sans envoi.
Étape 2: Gardez WebP
WebP est le format présélectionné sur cette page.
Étape 3: Convertissez
L'encodeur WebP intégré à votre navigateur compresse l'image en qualité 92, aux dimensions d'origine.
Étape 4: Téléchargez et publiez
Enregistrez le fichier .webp et envoyez-le sur votre site, votre CMS ou votre application.
À savoir sur ce convertisseur JPG vers WebP
Encodage natif du navigateur
Utilise l'encodeur WebP intégré à Chrome, Edge et Firefox.
Images à l'endroit
La rotation EXIF des photos de téléphone est appliquée, le WebP s'affiche donc correctement partout.
Métadonnées supprimées
Les informations de l'appareil et les coordonnées GPS ne sont pas reprises, ce qui économise aussi quelques kilo-octets.
Un fichier à la fois
Pour un dossier complet, le convertisseur d'images en lot produit tous les WebP en une fois.
Là où le WebP est rentable
Photos de blog et de produits. Des images plus légères accélèrent les pages et consomment moins de données mobiles.
Audits de vitesse. Lighthouse et PageSpeed Insights recommandent de servir les images dans des formats modernes comme le WebP.
Applications web et PWA. Des ressources plus légères signifient un premier chargement plus rapide et un cache plus petit.
Newsletters ? Pas encore. Certains clients mail affichent encore mal le WebP : gardez le JPG pour vos newsletters.
Qualité et poids du fichier
La qualité 92 est un réglage prudent qui privilégie un rendu identique à la source. Le gain par rapport au JPG d'origine dépend de la façon dont ce JPG a été enregistré : un JPG d'appareil photo en qualité maximale diminue beaucoup, un JPG déjà très compressé diminue peu, et dans de rares cas le WebP peut même être un peu plus lourd.
Passer d'un format avec perte à un autre cumule toujours un peu de compression. Partir du meilleur original possible donne le WebP le plus propre. Pour contrôler plus finement le poids, le convertisseur de format d'Image Studio propose un curseur de qualité et affiche la taille avant et après.
Compatibilité des navigateurs et solutions de repli
Chrome, Edge, Firefox, Opera et Safari 14 ou plus affichent le WebP. Si votre public utilise de très vieux navigateurs, servez le WebP avec un JPG de repli grâce à l'élément HTML picture : chaque visiteur reçoit un format qu'il sait afficher.
Safari sait afficher le WebP mais ne peut pas toujours en créer depuis une page web. Si la conversion échoue dans Safari, ouvrez cette page dans Chrome, Edge ou Firefox.
- Utilisez <picture> avec une <source> WebP et une <img> JPG pour une compatibilité maximale.
- Conservez les JPG d'origine pour pouvoir régénérer les images plus tard.
Conseils pour des WebP prêts pour le web
- Redimensionnez à la taille réellement affichée avant de convertir : une image trop grande gaspille plus d'octets que ce que le format fait gagner.
- Donnez des noms de fichier explicites avant l'envoi, le nom est repris pour le WebP.
- Ajoutez toujours un texte alternatif pertinent sur votre site ; le format n'aide pas l'accessibilité à lui seul.
- Pour des photos avec transparence, convertissez plutôt un PNG en WebP ; le JPG n'a pas de canal alpha à conserver.
Questions sur la conversion JPG en WebP
Le WebP est-il meilleur que le JPG ?
Pour les sites web, généralement oui : le WebP offre une qualité similaire pour un poids moindre. Pour l'e-mail, l'impression et les anciens logiciels, le JPG reste plus largement accepté.
Mon WebP sera-t-il différent du JPG ?
À la qualité utilisée ici, les différences sont très difficiles à voir. Les deux formats sont avec perte, un zoom extrême peut donc révéler de petits changements de texture.
Pourquoi la conversion a-t-elle échoué dans Safari ?
Certaines versions de Safari ne savent pas encoder du WebP depuis une page web, même si elles l'affichent. Utilisez Chrome, Edge ou Firefox pour cette conversion.
Tous les navigateurs lisent-ils le WebP ?
Tous les grands navigateurs actuels affichent le WebP, y compris Safari 14 et suivants. Seuls les très vieux navigateurs ont besoin d'un JPG de repli.
Mon image est-elle envoyée ?
Non. La conversion utilise l'encodeur intégré à votre navigateur, sur votre appareil.
Le WebP gère-t-il la transparence ?
Oui, mais un JPG n'a jamais de transparence au départ. Pour créer des WebP transparents, partez d'un PNG.