Comment convertir PNG en WebP
- 1
Cliquez sur Choisir des fichiers ou glissez vos images PNG dans le cadre.
- 2
Réglez la Qualité : 82 % par défaut. Montez vers 90 % pour un logo ou un visuel avec du texte fin.
- 3
Cliquez sur Convertir, puis téléchargez vos fichiers ou l’ensemble avec Tout télécharger (ZIP).
Le meilleur des deux mondes : transparence et légèreté
Le PNG est le format historique des images avec transparence : logos, icônes, visuels détourés, captures d’écran. Mais comme il est sans perte, il est lourd, surtout quand on l’utilise pour des photos ou de grands visuels.
Le WebP gère lui aussi la transparence, tout en compressant beaucoup plus efficacement. C’est le format recommandé pour afficher ces images sur un site web : pages plus rapides, meilleur score PageSpeed, moins de bande passante consommée.
| PNG | WebP | |
|---|---|---|
| Transparence | Oui | Oui |
| Compression | Sans perte | Avec perte (réglable) |
| Poids | Lourd | Léger |
| Compatibilité | Universelle | Tous les navigateurs actuels |
| Idéal pour | Retouche, archivage, impression | Affichage sur le web |
Quand convertir vos PNG en WebP ?
- Site web ou boutique en ligne : visuels produits détourés, bannières, illustrations.
- Captures d’écran dans un article : souvent enregistrées en PNG par défaut, elles s’allègent beaucoup en WebP.
- Thèmes et applications web : icônes et éléments d’interface.
Gardez en revanche vos PNG d’origine pour la retouche et l’impression : le WebP est un format de diffusion.
Intégrer vos WebP sur un site
- WordPress accepte nativement l’envoi d’images WebP dans la médiathèque depuis la version 5.8.
- Shopify, Wix, Squarespace et la plupart des constructeurs de sites les acceptent également.
- En HTML, une simple balise
<img src="visuel.webp" alt="…">suffit : tous les navigateurs actuels l’affichent.
Pensez à renseigner le texte alternatif (attribut alt) et à indiquer les dimensions de l’image : c’est bon pour l’accessibilité comme pour le référencement.
Réglage de la qualité
À 82 % (par défaut), le rendu est excellent pour la majorité des images. Pour un visuel contenant du texte fin ou des contours très nets, montez vers 90 % afin d’éviter de légers flous autour des lettres. Pour des vignettes, 70 % suffit souvent.
Pour vos photos en JPG, utilisez JPG en WebP. Pour alléger une image sans changer de format, essayez Compresser une image. Et si vous devez revenir au PNG, WebP en PNG fait le chemin inverse.
Vos images sont converties localement, dans votre navigateur : rien n’est téléversé, même pour des maquettes ou des visuels pas encore publiés.