Image en Base64
Convertit une image en Base64.
Glissez-déposez une image, ou cliquez pour la choisir
Sélectionnez un seul fichier
Exemples d'utilisation
Intégrer une petite icône directement dans le CSS
Utilisez-le pour placer le résultat directement dans le background-image: url(data:image/png;base64,...) du CSS, évitant une requête d'image séparée.
Inclure une image dans du JSON ou un fichier de configuration
Utile pour intégrer des données d'image d'exemple sous forme de texte dans du code ou un fichier de configuration, sans requête serveur.
Intégrer une image en ligne dans un e-mail HTML
Pour les clients de messagerie qui bloquent les liens d'images externes, convertir une image en URI de données permet de l'intégrer directement dans le HTML.
Questions fréquentes
Mon image téléchargée est-elle envoyée à un serveur ?
Non. La conversion se fait entièrement dans votre navigateur, et l'image n'est jamais envoyée à un serveur.
Quelle est la différence entre URI de données et Base64 uniquement ?
Une URI de données est la chaîne complète commençant par data:image/png;base64,, prête à être collée directement dans <img src="..."> ou dans un url() CSS. Base64 uniquement est juste la valeur encodée brute qui suit, utile lorsque vous assemblez vous-même la chaîne de format ailleurs.
La conversion en Base64 augmente-t-elle la taille des données ?
Oui. L'encodage Base64 est environ 33 % plus volumineux que l'original. C'est le compromis pour représenter des données d'image binaires en toute sécurité sous forme de texte, donc mieux vaut éviter d'envoyer de grandes images de cette façon sauf besoin spécifique.
Quels formats d'image sont pris en charge ?
JPG, PNG, WebP, GIF et la plupart des autres formats d'image que votre navigateur peut lire.