À propos de cet outil
La conversion de PNG en WebP est l'une des optimisations les plus efficaces pour la diffusion d'images Web. WebP encodé avec une compression sans perte produit généralement des fichiers 25 % plus petits que le PNG équivalent, sans différence perceptible ; WebP avec perte avec une qualité par défaut réduit souvent les PNG photographiques de 60 à 80 %. Pour les sites qui diffusent beaucoup d'images (commerce électronique, blogs, documentation, applications d'une seule page contenant beaucoup d'images), le passage à la livraison WebP constitue un gain mesurable en termes de vitesse et de bande passante.
Ce convertisseur encode WebP localement dans votre navigateur à l'aide de l'encodeur d'image intégré, disponible dans tous les navigateurs modernes via canvas.toBlob('image/webp'). Le PNG est décodé dans un canevas, puis ré-encodé en WebP à un niveau de qualité choisi. Pas de téléchargement, pas de traitement côté serveur, pas de conservation de fichiers.
Le choix entre WebP sans perte et avec perte dépend du contenu. Pour les photographies et les images couleur complexes, WebP avec perte de qualité 75 à 85 est généralement impossible à distinguer de la source tout en réduisant de moitié la taille du fichier. Pour les captures d'écran de l'interface utilisateur, les logos, les diagrammes et toute image comportant des bords ou du texte nets, WebP sans perte préserve les détails sans artefacts.
Pourquoi convertir PNG en WebP
WebP existe pour une raison : des fichiers plus petits et de qualité équivalente. Pour les sites Web modernes, cela est important car le poids des pages affecte directement le temps de chargement, l'utilisation des données mobiles et les scores Core Web Vitals qui influencent le classement des recherches. Le remplacement des fichiers PNG par WebP produit régulièrement des réductions de taille de 25 à 80 %, ce qui se traduit directement par des pages plus rapides.
La prise en charge du navigateur est universelle dans les versions actuelles de Chrome, Firefox, Safari et Edge. Le format est pris en charge par Baseline depuis 2020. Pour la plupart des sites de production, il n'est pas nécessaire de proposer WebP avec une solution de repli PNG pour les anciens navigateurs ; une livraison WebP directe fonctionne pour plus de 95 % des visiteurs. La conversion est une étape unique qui rapporte à chaque page vue.
Comment l'utiliser
Supprimez le PNG, choisissez la qualité, encodez. L'ensemble du pipeline s'exécute dans votre navigateur.
- Téléchargez votre PNG: Faites glisser le fichier dans la zone de téléchargement ou cliquez pour parcourir. Les fichiers jusqu'à 50 Mo sont acceptés. La conversion par lots multi-images est prise en charge.
- Choisissez la qualité: La valeur par défaut est 85, ce qui constitue un bon équilibre avec perte pour le contenu photographique. Utilisez 100 pour WebP sans perte – au pixel près, plus petit que PNG. Utilisez 60–75 pour une réduction agressive de la taille du contenu photographique.
- Convertir: Le navigateur décode le PNG dans un canevas et appelle canvas.toBlob('image/webp', qualité / 100). L'encodeur s'exécute dans le processus du navigateur — pas d'aller-retour sur le serveur.
- Télécharger: Enregistrez le fichier WebP. Le nom du fichier de sortie utilise le nom PNG source avec une extension .webp. Remplacez les références PNG dans votre HTML ou CMS pour commencer à diffuser le fichier plus petit.
Détails techniques
WebP utilise VP8 pour le codage avec perte et VP8L pour le codage sans perte. Lossy WebP applique une prédiction basée sur les blocs (codage intra-trame à partir de blocs voisins), des transformations de type DCT (4 × 4 et Walsh-Hadamard), un codage arithmétique et un filtre de boucle sophistiqué. Le résultat est nettement plus efficace que l'ancienne approche JPEG 8 × 8 DCT plus Huffman.
Lossless WebP combine les références arrière LZ77 avec plusieurs transformations prédictives facultatives (soustraire le vert, cache de couleur, prédire, transformation de couleur). Pour les images comportant des motifs répétés ou de grandes zones plates (maquettes d'interface utilisateur, icônes, diagrammes), les économies par rapport au PNG peuvent dépasser 50 %.
L'encodeur du navigateur mappe le paramètre de qualité (0 à 100) aux niveaux de quantification internes du VP8. Quality 100 déclenche le mode sans perte dans la plupart des implémentations de navigateur. La vitesse d'encodage est généralement plus rapide que l'encodage PNG équivalent car VP8 a un codage entropique plus efficace.
Questions fréquentes
- Vais-je perdre la qualité de l’image en convertissant PNG en WEBP ?
- WEBP utilise à la fois avec et sans perte. Vous constaterez peut-être une légère réduction de la qualité, mais dans la plupart des cas, la différence est négligeable. Choisissez un paramètre de qualité supérieure si disponible pour minimiser toute perte.
- Quels sont les avantages du format WebP ?
- WebP produit généralement des fichiers 25 à 35 % plus petits que les JPG et PNG à qualité équivalente. Il prend en charge la compression, la transparence et l'animation avec et sans perte. Tous les navigateurs modernes prennent en charge WebP.
- Puis-je convertir des fichiers PNG animés ?
- Cet outil convertit les images statiques. Pour le contenu animé, vous aurez besoin d'un convertisseur d'animation spécialisé.
- Mes images restent-elles privées pendant la conversion ?
- Oui. Vos fichiers PNG sont entièrement traités dans votre navigateur à l’aide de l’API Canvas et de JavaScript. Rien n'est téléchargé sur un serveur : le fichier passe directement de votre appareil au convertisseur et revient à votre appareil.
- Mon PNG est-il téléchargé sur un serveur ?
- Non. La conversion s'exécute dans votre navigateur à l'aide de l'API Canvas et de l'encodeur WebP intégré au navigateur. Les fichiers ne quittent pas votre appareil.
- Puis-je convertir plusieurs PNG à la fois ?
- Oui. Déposez plusieurs fichiers dans la zone de téléchargement ; chacun est codé individuellement et téléchargé en tant que WebP distinct. Pour les très gros lots, un outil de bureau tel que cwebp ou Sharp est plus efficace.
- Pourquoi WebP offre-t-il une meilleure compression que PNG ?
- WebP utilise le codage VP8/VP8L avec une prédiction et un codage d'entropie sophistiqués, tandis que PNG utilise DEFLATE, un algorithme généraliste plus ancien qui n'est pas spécifiquement adapté aux données d'image. Le mode sans perte de WebP offre également des transformations plus prédictives que les filtres par ligne de balayage de PNG.
- WebP prend-il en charge l'animation ?
- Oui, WebP prend en charge les animations similaires à GIF ou APNG. Ce convertisseur gère uniquement les images fixes ; pour le PNG animé (APNG) en WebP animé, un chemin de conversion différent est nécessaire.