Déposez une image ici ou
Comment utiliser le convertisseur Image vers Base64
- Déposez ou sélectionnez une image.
- Choisissez le format de sortie, Data URL, Base64 brut, snippet CSS ou balise HTML.
- Cliquez sur Copier et collez le résultat où vous en avez besoin.
Guide des formats de sortie
- Data URL: URI auto-contenu (
data:image/png;base64,...) utilisable partout où une URL est acceptée. - Base64 seul: chaîne encodée brute sans le préfixe
data:. Utile pour passer des données d'image à une API ou les intégrer dans du JSON. - CSS background-image: règle CSS prête à coller :
background-image: url("data:...") - Balise HTML img: élément
<img src="data:...">complet à insérer directement dans du HTML.
Quand utiliser les images Base64
Les images encodées en Base64 peuvent être intégrées directement dans du HTML, CSS, JSON ou des gabarits d'e-mail sans requête HTTP séparée. Cela réduit le nombre d'allers-retours réseau pour les petits assets.
Cependant, Base64 augmente la taille du fichier d'environ 33 %. Règle générale : intégrez les images de moins de ~5 Ko ; utilisez des fichiers séparés pour les images plus grandes.
Cas d'usage courants
- Icônes inline en CSS sans requêtes HTTP supplémentaires
- Gabarits e-mail: intégrer des images directement pour éviter le blocage des images externes
- Payloads API: envoyer des données d'image dans un corps JSON
- HTML autonome: créer des documents HTML auto-contenus fonctionnant hors ligne
Confidentialité
Toute la conversion s'effectue dans votre navigateur via l'API FileReader. Aucune image n'est uploadée.