Convertir PNG en WebP
Convertissez vos images PNG en WebP en préservant la transparence. WebP est jusqu'à 26% plus léger que PNG en compression sans perte.
Transparence préservée
Le format WebP supporte pleinement la transparence alpha, ce qui en fait un remplacement idéal pour les PNG avec fond transparent.
Plus léger que PNG
La compression sans perte de WebP produit des fichiers 26% plus légers que PNG en moyenne, sans aucune perte de qualité.
Idéal pour les visuels web
Remplacez vos lourds PNG (icônes, logos, illustrations) par des WebP plus légers pour accélérer votre site.
Comparaison de tailles concrètes
Tailles moyennes mesurées sur des assets PNG typiques (logos, icônes, illustrations, captures) convertis en WebP lossy à qualité 85. Vos chiffres varieront selon la complexité visuelle de la source.
| Type d'image | Source | Sortie | Économisé |
|---|---|---|---|
| Logo de marque transparent 512×512 | 78 Ko | 22 Ko | −72% |
| Icône d'interface 128×128 | 16 Ko | 5 Ko | −69% |
| Illustration vectorielle exportée 800×600 | 210 Ko | 58 Ko | −72% |
| Capture d'application 1440×900 | 320 Ko | 85 Ko | −73% |
Compatibilité en un clin d'œil
WebP est universellement pris en charge sur le web moderne et conserve la transparence partout, sauf chez quelques exceptions historiques.
| Plateforme | Statut |
|---|---|
| Chrome, Firefox, Edge, Opera (depuis 2014) | Pris en charge |
| Safari 14+ (macOS Big Sur, iOS 14, sept. 2020) | Pris en charge |
| WordPress (5.8+), Shopify, Squarespace | Pris en charge |
| Outlook bureau sur Windows | Non pris en charge |
| Internet Explorer 11 et Safari pré-2020 | Partiel | fallback recommandé |
Quand convertir, quand garder l'original
Convertir quand
- Icônes, logos et éléments d'interface servis sur un site
- Illustrations et infographies intégrées dans un article
- Captures d'écran avec transparence sur un blog technique
- Hero images vectorielles où LCP et Core Web Vitals comptent
Garder l'original quand
- L'image partira en pièce jointe vers un Outlook bureau
- Le PNG est la source d'un montage Photoshop ou Figma
- Vous l'envoyez à une imprimerie qui ne lit pas WebP
- Le PNG fait déjà moins de 5 Ko (le gain est marginal)
Questions fréquentes
Le WebP supporte-t-il la transparence PNG ?
Oui, le format WebP supporte intégralement le canal alpha de transparence, tout comme le PNG. Vos fonds transparents et éléments semi-transparents seront parfaitement préservés.
Quand utiliser WebP plutôt que PNG ?
Utilisez WebP pour toutes les images diffusées sur le web : icônes, logos, éléments d'interface, illustrations. Conservez le PNG uniquement pour les fichiers sources ou en cas de contrainte de compatibilité logicielle.
Quel réglage de qualité utiliser pour PNG vers WebP ?
Pour un résultat sans perte de qualité, utilisez 90–100. Pour un bon équilibre taille/qualité (avec légère perte), 75–85 est généralement un bon point de départ.
WebP lossless ou lossy pour un PNG, lequel choisir ?
Pour des icônes, logos et illustrations à teintes plates, le WebP lossless produit des fichiers 25 à 35% plus légers que PNG sans toucher au pixel. Pour des photos exportées en PNG ou des captures complexes, le WebP lossy à qualité 85–95 reste visuellement identique tout en divisant le poids par trois ou plus.
Quel gain de poids attendre par rapport au PNG ?
26% en moyenne en lossless, jusqu'à 80% en lossy à qualité 85. Le gain dépend du contenu : les visuels avec aplats et zones uniformes (logos, UI) compressent mieux que les illustrations détaillées ou les photos exportées en PNG.
Comment servir du WebP avec un repli PNG pour les anciens clients ?
Utilisez l'élément HTML <picture> avec un <source type="image/webp"> en premier puis un <img src="…png"> en repli. Les navigateurs modernes chargent le WebP avec sa transparence, les rares clients sans support obtiennent le PNG, sans la moindre ligne de JavaScript.
Dernière relecture :