Convertir WebP en Base64 - Gratuit, instantané, dans le navigateur
Convertisseur WebP en Base64
Jusqu’à 10 Mo. Rien n’est envoyé — le fichier ne quitte jamais votre appareil.
À utiliser dans un attribut <img src> ou dans une url() CSS.
Sans le préfixe data: — pour les charges JSON et les API.
Vos fichiers restent privés
Cette conversion se déroule entièrement dans votre navigateur. L’image n’est jamais envoyée : rien de ce que vous encodez ici n’atteint notre serveur ni personne d’autre.
À propos de la conversion WebP en Base64
Le WebP est déjà le format compact. Un fichier qui pèserait 40 Ko en PNG tombe souvent autour de 15 Ko en WebP, si bien que les 33 % ajoutés par le Base64 font moins mal en valeur absolue que pour n’importe quel autre format. Cela fait du WebP un candidat exceptionnellement bon à l’intégration — avec une réserve qui n’a rien à voir avec le poids.
Comment convertir WebP en Base64
- 1 Déposez votre fichier .webp dans la zone prévue.
- 2 Les formes encodées apparaissent aussitôt, avec la taille avant et après.
- 3 Copiez la forme qui convient : data URI, chaîne brute ou règle CSS.
L’intégration supprime votre repli
La façon normale de servir du WebP est un élément picture qui propose d’abord le WebP puis un JPG ou un PNG, chaque navigateur prenant ce qu’il comprend. Une data URI ne peut pas faire cela : c’est une chaîne unique avec un seul type de média, et un navigateur incapable de décoder le WebP n’affiche tout simplement rien. La prise en charge est très large aujourd’hui, cela mord donc rarement sur le web ouvert — mais cela mord dans les clients de messagerie, dans les anciens navigateurs embarqués et dans les applications de bureau qui rendent le HTML avec un moteur vieillissant.
Là où cela convient bien
Partout où vous maîtrisez l’environnement d’exécution et savez que le WebP sera décodé : un tableau de bord interne, un panneau d’administration, une extension de navigateur, une application Electron, un système de design destiné à un public exclusivement moderne. Là, vous obtenez à la fois la compression WebP et l’absence de requête supplémentaire, ce qui est à peu près le mieux que l’intégration puisse offrir. Sur une page marketing publique, où une fraction de pour cent de visiteurs compte encore, préférez un élément picture et un fichier ordinaire.
La perte principale reste le cache
Comme les fichiers WebP sont petits, on est tenté d’en intégrer beaucoup. C’est là que le second coût se démultiplie : chaque image intégrée vit dans la feuille de style, si bien qu’une seule ligne de CSS modifiée les invalide toutes d’un coup et le visiteur retélécharge l’ensemble. Dix petites images intégrées peuvent aisément être pires que dix fichiers mis en cache. Limitez le nombre, veillez à ce que chacune soit réellement minuscule, et laissez le reste sous forme de fichiers ordinaires que le navigateur peut mettre en cache et réutiliser d’une page à l’autre.