Convertir une Image en Base64
Convertissez une image en data URL Base64, ou repassez du Base64 à une image. Dans les deux sens, gratuit et dans votre navigateur, sans envoi.
Déposez une image ici
Choisissez une image pour obtenir sa chaîne Base64.
À quoi sert cet outil
Transformez n'importe quelle image en data URL Base64 que vous pouvez coller directement dans du CSS, du HTML ou du JSON, puis faites l'inverse en reconstruisant une image depuis une chaîne Base64. Les deux sens s'exécutent dans votre navigateur, vos images ne sont donc jamais envoyées. Basculez entre les deux modes avec les onglets.
Vous travaillez avec de l'encodage brut ? Encodez n'importe quel texte avec Base64, ou changez d'abord le format d'une image avec Convertisseur d'images.
À quoi ça vous sert
- Intégrer une petite icône directement en CSS ou HTML sous forme de data URL.
- Insérer une image dans un payload JSON ou un modèle d'e-mail.
- Récupérer une image depuis une chaîne Base64 trouvée dans du code.
- Prévisualiser ce que contient réellement une chaîne Base64.
Comment l'utiliser
- Choisissez un sens : Image en Base64 ou Base64 en Image.
- Pour encoder, déposez une image et copiez le data URL.
- Pour décoder, collez une chaîne Base64 ou un data URL.
- Prévisualisez le résultat puis téléchargez-le ou copiez-le.
Tout le travail se passe dans votre navigateur. Aucun fichier n'est envoyé à un serveur. Voir plus d'outils dans le même champ.
Va bien avec
D'autres outils qu'on utilise souvent dans le même flux.
Autres outils du même champ
ImageEncoder et Décoder du Base64
Encodez et décodez du texte en Base64 en ligne, avec un alphabet URL-safe en option. Tout dans votre navigateur, rien n'est envoyé.
Convertir une Image: PNG, JPG, WebP
Convertissez vos images entre PNG, JPG et WebP en ligne, dans les deux sens. Rapide, gratuit et entièrement dans votre navigateur, sans envoi.
Compresser une Image (JPG, PNG)
Compressez vos images JPG, PNG et WebP en ligne pour réduire leur poids sans perte visible. Gratuit, rapide et dans votre navigateur, sans envoi.
Redimensionner une Image en Ligne
Redimensionnez vos images en ligne à toute taille, avec verrouillage du ratio en option. PNG, JPG et WebP, gratuit et dans votre navigateur.
Questions fréquentes
Qu'est-ce qu'un data URL Base64 ?
C'est une façon d'intégrer un fichier directement dans du texte, comme data:image/png;base64,iVBORw0… Les navigateurs le traitent comme une vraie source d'image, vous pouvez donc intégrer de petits éléments sans requête séparée.
Faut-il intégrer de grandes images ainsi ?
En général non. Le Base64 augmente la taille des données d'environ un tiers et ne peut pas être mis en cache séparément, c'est donc mieux pour de petites icônes. Pour de grandes images, gardez un fichier normal et faites un lien.
Mes images sont-elles envoyées ?
Non. L'encodage utilise le FileReader du navigateur et le décodage reconstruit l'image en local. Rien ne quitte votre appareil, ce qui est pratique pour des images privées ou non publiées.
Pourquoi mon Base64 n'affiche-t-il pas d'image ?
Ce n'est peut-être pas du Base64 valide, ou pas des données d'image. L'outil vérifie la chaîne et tente de détecter le type d'image d'après ses premiers octets ; s'il n'y arrive pas, il vous prévient au lieu d'afficher une image cassée.
Comment utiliser un SVG comme data URI Base64 en CSS ?
Déposez le .svg ici et copiez le résultat ; il sort sous la forme data:image/svg+xml;base64,… Collez-le dans votre CSS ainsi : background-image: url(data:image/svg+xml;base64,…). C'est idéal pour de petites icônes statiques. Pour de grandes images ou qui changent souvent, faites plutôt un lien vers un fichier .svg normal, car le Base64 intégré ne peut pas être mis en cache séparément.