Convertissez des images PNG en WebP dans le navigateur via l’API Canvas. Le PNG est sans perte et souvent plus volumineux que le WebP pour du contenu photo ou riche en dégradés ; le réencodage en WebP avec qualité réglable peut réduire la taille pour le web.
Fonctionnement
L’outil lit votre fichier .png local avec FileReader, le décode en HTMLImageElement, dessine les pixels sur un canvas hors écran et exporte avec canvas.toDataURL('image/webp', quality). La transparence alpha est composée sur un fond opaque au dessin—comportement typique du navigateur lors de l’aplatissement PNG vers WebP.
Quand l’utiliser
- Compresser captures d’UI ou icônes pour des chargements plus rapides
- Prévisualiser les réglages de qualité WebP avant une conversion en masse
- Convertir un seul asset lorsque les outils de bureau manquent
Limites
La transparence PNG sans perte et les profils de couleur ne sont pas conservés. Le PNG animé (APNG) n’est pas pris en charge. Les très grandes images peuvent atteindre les limites mémoire. La qualité d’encodage dépend du support WebP intégré du navigateur.
Exemple
Par exemple, saisissez les valeurs d’exemple par défaut du formulaire et comparez la sortie à une référence connue ; ajustez une entrée à la fois pour voir l’effet.