Image en Base64 (et inversement)
Intégrez de petites images directement dans votre HTML, CSS ou JSON sans requêtes supplémentaires. Déposez un ou plusieurs fichiers et copiez le résultat au format voulu ; vous pouvez aussi coller du Base64 pour récupérer l’image.
Traité à 100 % dans votre navigateur
Ctrl + Enter exécuterCtrl + C copier le résultat
Comment l’utiliser
- 1Déposez une ou plusieurs images (JPG, PNG, WebP, GIF, SVG, AVIF).
- 2Choisissez le format : data URI, Base64 brut, balise <img>, CSS ou Markdown.
- 3Copiez le code de chaque image d’un clic.
- 4Pour l’inverse, passez à « Base64 → Image », collez le texte et téléchargez l’image.
Cas d’usage
- Intégrer de petites icônes et logos en CSS ou HTML pour économiser des requêtes.
- Insérer des images dans des e-mails HTML ou des modèles.
- Envoyer des images dans du JSON via des API.
- Récupérer l’image d’un data URI trouvé dans le code d’une page.
Questions fréquentes
Quand utiliser le Base64 pour une image ?
Pour de très petites images (icônes de quelques Ko) à ne pas télécharger séparément. Pour de grandes photos, ça ne vaut pas le coup : le Base64 pèse 33 % de plus et n’est pas mis en cache séparément.
Qu’est-ce qu’un data URI ?
Une URL qui contient le fichier encodé lui-même, de la forme data:image/png;base64,… Utilisable dans l’attribut src d’une image ou dans url() en CSS.
Mes images sont-elles envoyées ?
Non. La conversion se fait dans votre navigateur ; les images ne quittent jamais votre appareil.
Puis-je coller du Base64 sans préfixe ?
Oui. Nous détectons le type d’image par sa signature (JPG, PNG, GIF, WebP, SVG) même sans préfixe data:.