WebP en Base64

Comment convertir un WebP en Base64

1. Déposez un fichier .webp dans la zone ou choisissez-le avec le sélecteur de fichiers.
2. Pour changer de format, choisissez PNG ou JPEG sous Convertir en. Avec Garder le format, régler une Largeur max. le réencode en WebP à la Qualité choisie.
3. Choisissez Sortie en. La valeur par défaut est une data URI.
4. Appuyez sur Copier la sortie. La jauge compare la taille d’entrée et de sortie.

Pourquoi le WebP convient bien aux data URI

Base64 ajoute environ un tiers à tout ce qu’il encode : plus la source est petite, mieux c’est. Le WebP avec perte est généralement plus léger qu’un JPEG de qualité comparable, et le WebP sans perte est souvent plus léger que le PNG tout en conservant la transparence. Pour les icônes, les miniatures de produits et les images de remplacement que vous voulez intégrer, le WebP donne généralement une chaîne plus courte que le PNG ou le JPEG.

Les fichiers WebP animés sont encodés tels quels. Comme pour le GIF, les options de réencodage ne dessinent que la première image : n’y touchez pas si l’image est animée.

Quand la destination n’accepte pas le WebP

Beaucoup de logiciels attendent encore du PNG ou du JPEG : certaines API qui acceptent des images en Base64, d’anciens programmes de bureau, des générateurs de documents et de nombreux clients de messagerie. Au lieu de convertir d’abord le fichier ailleurs, choisissez ici Convertir en PNG ou JPEG et encodez directement le résultat :

• PNG garde la transparence et chaque pixel, pour une taille plus grande.
• JPEG est plus léger pour les photos, mais remplit de blanc les zones transparentes.

Le nom de fichier dans les sorties HTML <a download> et JSON change pour correspondre au nouveau format : par exemple, banner.webp devient banner.png.

Réencoder en WebP dans le navigateur

La plupart des navigateurs savent écrire du WebP depuis un canvas : redimensionner un WebP ou changer sa qualité le laisse donc en WebP. Safari ne le sait pas. L’outil se replie alors sur le PNG et l’indique sous l’aperçu, et le PNG d’une photo peut peser plusieurs fois le WebP de départ. Utilisez Chrome, Edge ou Firefox si vous avez besoin d’une sortie WebP, ou gardez le fichier d’origine.

Repérer du WebP dans du Base64

Le WebP utilise le conteneur RIFF, le même que l’audio WAV et la vidéo AVI :

UklGRlAAAABXRUJQVlA4IEQAAAD...
└─┬─┘└─┬──┘│└─┬┘
 RIFF  size W EBP

UklGR indique seulement « RIFF ». La balise de format WEBP se trouve aux octets 8 à 11 et apparaît sous la forme XRUJQ aux caractères 12 à 16, suivie de VlA4 pour le chunk VP8. Si vous identifiez des formats dans du code, vérifiez les deux parties. D’autres signatures sont listées dans préfixes Base64 courants, et Base64 en WebP redécode une chaîne en fichier.

FAQ