Pourquoi convertir vos images en WebP ?
Les images sont souvent la partie la plus lourde d’une page web. Et le poids influe directement sur la vitesse de chargement, l’expérience des visiteurs sur mobile et votre référencement Google, qui mesure la vitesse avec les Core Web Vitals. Des outils comme PageSpeed Insights recommandent explicitement de « diffuser les images dans des formats nouvelle génération ».
Le WebP est ce format nouvelle génération : à qualité visuelle égale, une image WebP est 25 à 35 % plus légère qu’un JPG et bien plus légère qu’un PNG, tout en gérant la transparence. Tous les navigateurs actuels le prennent en charge : vous pouvez l’utiliser sur votre site en toute confiance.
Comment convertir un JPG ou un PNG en WebP
- Ajoutez vos images : faites-les glisser dans la zone ci-dessus ou touchez « Choisir des fichiers ». Vous pouvez mélanger JPG et PNG.
- Réglez la qualité. Pour les photos sur le web, 75–85 % offre le meilleur équilibre. Pour les graphismes avec du texte, montez à 90 %.
- Vérifiez le résultat : vous voyez le poids d’origine et le nouveau poids de chaque image.
- Téléchargez les fichiers WebP un par un ou tous ensemble dans un ZIP.
Avantages du WebP
- Des pages plus rapides et un meilleur score PageSpeed.
- Moins de données consommées pour vos visiteurs sur mobile.
- La transparence comme le PNG, avec des fichiers bien plus légers.
- Moins d’espace sur votre hébergement et dans vos sauvegardes.
Conseils pour optimiser les images pour le web
Le format ne fait pas tout. Pour qu’une image se charge en un éclair, ajustez aussi ses dimensions : inutile de mettre en ligne une photo de 4 000 pixels de large qui s’affichera en 1 200. Redimensionnez l’image d’abord, puis convertissez-la en WebP. Si vous voulez contrôler précisément le poids final, le compresseur d’images permet de comparer les tailles.
Si vous utilisez WordPress, Shopify ou un autre CMS, vous pouvez y téléverser les fichiers .webp directement, comme n’importe quelle image.
Une remarque sur Safari
Safari peut afficher les images WebP mais ne peut pas les créer depuis une page web. Si vous utilisez Safari sur Mac ou iPhone et que l’option n’est pas disponible, ouvrez cette page dans Chrome, Edge ou Firefox. Comme toujours, vos images ne sont jamais envoyées.
Comment utiliser le WebP sur votre site
Sur WordPress, Shopify, Wix ou Squarespace, il suffit de téléverser le fichier .webp dans la médiathèque comme n’importe quelle image. Si vous modifiez le HTML à la main, vous pouvez utiliser une balise <img> classique pointant vers le fichier .webp. Indiquez toujours la largeur et la hauteur de l’image pour éviter les décalages de mise en page pendant le chargement, et ajoutez un texte alternatif descriptif, qui aide aussi à apparaître dans Google Images. Avec des images WebP bien dimensionnées, diviser par deux le poids total d’une page est fréquent.
Questions fréquentes
De combien le WebP est-il plus léger que le JPG ?
Généralement 25 à 35 % plus léger à qualité visuelle égale. Par rapport à une photo en PNG, le gain peut dépasser 80 %.
Quelle qualité WebP choisir pour le web ?
75–85 % pour les photos. Pour les logos, captures d’écran ou images avec du texte, 90 %.
Le WebP conserve-t-il la transparence du PNG ?
Oui, le WebP gère la transparence : les PNG transparents se convertissent sans perdre leur fond transparent.
Tous les navigateurs gèrent-ils le WebP ?
Oui, tous les navigateurs actuels affichent le WebP : Chrome, Edge, Firefox, Safari et Opera.
Pourquoi ça ne marche pas dans Safari ?
Safari affiche le WebP mais ne peut pas le générer depuis une page web. Utilisez Chrome, Edge ou Firefox pour convertir.
Mes images sont-elles envoyées à un serveur ?
Non, la conversion se fait dans votre navigateur.