Images
Image en Base64
Image vers data URI et inversement, prêt à coller dans votre code.
Le Base64 permet d'intégrer une image directement dans du code : une icône dans une feuille CSS, un logo dans un e-mail HTML, une petite illustration dans un SVG, sans requête supplémentaire vers un serveur. Cet outil fonctionne dans les deux sens. Déposez une image et obtenez son data URI complet (data:image/png;base64,…), avec la taille du résultat affichée et un bouton pour tout copier. Ou collez un data URI récupéré dans un code existant : l'image s'affiche aussitôt et peut être téléchargée comme fichier normal. La conversion est instantanée et s'effectue entièrement dans votre navigateur — aucune image, aucun code ne quitte votre appareil.
Comment faire ?
- Déposez une image pour obtenir son data URI Base64, taille affichée.
- Copiez le résultat d'un clic, prêt à coller dans votre CSS ou HTML.
- Ou collez un data URI existant : l'image apparaît et se télécharge en un clic.
Questions fréquentes
À quoi sert une image en Base64 ?
À embarquer l'image directement dans le code : icônes dans un CSS, images dans un e-mail HTML, favicons, contenus dans un SVG ou un JSON. L'image se charge avec le document, sans requête réseau supplémentaire.
Le Base64 alourdit-il les fichiers ?
Oui, d'environ 33 % par rapport au fichier binaire, et le résultat ne profite pas du cache navigateur. C'est pertinent pour les petites images (moins de quelques Ko) répétées dans le code, contre-productif pour les photos.
Quels formats d'image sont acceptés ?
Tous les formats lisibles par votre navigateur : PNG, JPG, WebP, GIF, SVG, AVIF… Le data URI généré conserve le type MIME d'origine, et le décodage accepte n'importe quel data URI d'image valide.