Convertir une image en Base64 en ligne
Convertir une image en Base64 en ligne
Ajoutez gratuitement des images PNG, JPG, WebP, GIF, SVG, AVIF ou BMP et copiez le format Base64 adapté à votre usage : HTML, CSS, Markdown, JSON, API, e-mail ou jeu de test.
Choisissez une Data URL pour HTML, CSS ou Markdown. Choisissez Base64 brut quand une API, une base de données ou un champ JSON attend seulement la chaîne encodée.
Déposez vos images pour les convertir en Base64
La conversion se fait dans votre navigateur. Les images sélectionnées ne sont pas téléversées pour être encodées.
Cliquez pour choisir des fichiers ou glissez-déposez vos images. La conversion image en Base64 par lot est prise en charge.
Réduire ou convertir avant Base64
Autres outils
Utilisez les liens ci-dessous pour compresser l'image, ajuster ses dimensions ou convertir un WebP avant de l'encoder en Base64.
Comment convertir une image en Base64
Transformez une image en chaîne Base64 brute, Data URL complète ou extrait prêt à coller dans HTML, CSS, Markdown ou JSON.
Ajoutez une ou plusieurs images
Glissez-déposez vos fichiers dans le convertisseur ou sélectionnez des images PNG, JPG, WebP, GIF, SVG, AVIF ou BMP depuis votre appareil.
Laissez le navigateur encoder les fichiers
Chaque image est lue localement avec le navigateur, puis transformée en texte Base64 sans étape d'envoi vers un serveur.
Choisissez le bon format de sortie
Passez de Base64 brut à Data URL, HTML img, CSS, classe CSS complète, Markdown ou JSON selon l'endroit où vous devez coller le résultat.
Copiez uniquement ce dont vous avez besoin
Collez la sortie dans une balise HTML, une feuille CSS, une documentation Markdown, une requête API, un payload JSON ou une fixture de test.
Quel format Base64 copier selon l'usage ?
La même image peut produire plusieurs textes valides. Le bon choix dépend du champ où vous collez le résultat.
Data URL pour un aperçu navigateur
Exemple court : data:image/png;base64,iVBORw0KGgo... Copiez ce format pour un attribut src, une image Markdown ou une règle CSS qui doit contenir aussi le type MIME.
HTML img pour une page autonome
Exemple court : <img src="data:image/png;base64,iVBORw0KGgo..." alt="logo" />. Utilisez-le pour une démo locale, un rapport de bug ou un fichier HTML sans dossier assets.
CSS pour un pictogramme intégré
Exemple court : background-image: url("data:image/svg+xml;base64,PHN2Zy...");. Réservez-le aux petites icônes, états vides et prototypes portables.
JSON ou Base64 brut pour une API
Exemple court : { "imageBase64": "iVBORw0KGgo..." }. Copiez Base64 brut si l'API ne veut pas le préfixe data:image/...;base64,.
Pourquoi utiliser ce convertisseur image en Base64 ?
Le besoin réel n'est pas seulement d'obtenir une longue chaîne de caractères. Il faut savoir si le champ cible attend du Base64 brut, une Data URL, un extrait HTML/CSS ou une valeur JSON correctement échappée.
Base64 brut ou Data URL complète
Les API et certains backends demandent souvent la chaîne encodée seule. HTML, CSS et Markdown ont plutôt besoin du préfixe data:image/...;base64,. Les deux sorties sont générées séparément pour éviter les copier-coller approximatifs.
Encodage local, sans téléversement
Le fichier est traité dans votre navigateur. C'est plus adapté pour une capture interne, un asset d'interface non public, une maquette client ou une image que vous ne souhaitez pas envoyer à un service tiers.
Sortie JSON prête à tester
Utilisez l'onglet JSON pour créer un exemple de requête, une réponse mock, un payload webhook ou une fixture sans corriger les guillemets, les retours à la ligne ou le préfixe à la main.
Extraits ciblés pour HTML et CSS
Copiez une balise img, une règle background-image, une classe CSS complète, une image Markdown, une chaîne brute ou un objet JSON sans repasser par un autre outil.
Conversion par lot de petits assets
Déposez plusieurs icônes, logos, badges, placeholders ou images de test et récupérez la sortie utile fichier par fichier. Pour des photos ou bannières, compressez ou redimensionnez avant l'encodage.
Aucune modification de qualité
Base64 encode les octets du fichier. L'outil ne redimensionne pas, ne compresse pas, ne redessine pas et ne supprime pas la transparence.
Cas d'usage fréquents pour une image en Base64
Sur les requêtes françaises, l'intention est souvent très pratique : afficher une image Base64 en HTML, intégrer une petite icône en CSS, envoyer une image dans une API ou vérifier pourquoi une Data URL ne s'affiche pas.
Afficher une image Base64 en HTML
Copiez la sortie HTML img ou la Data URL complète pour renseigner l'attribut src sans créer de fichier image séparé. C'est utile pour une démo autonome, un rapport de bug ou une page locale.
Intégrer une icône dans une feuille CSS
Utilisez background-image avec une Data URL pour une petite icône, un état vide, un pictogramme de documentation ou un prototype où les chemins relatifs risquent de casser.
Envoyer une image dans JSON ou via API
Copiez Base64 brut quand le backend attend un champ comme imageBase64, avatar ou signature. Utilisez la sortie JSON si vous préparez un exemple de corps de requête ou un test automatisé.
Tester une image inline dans un e-mail
Base64 peut aider pour une expérimentation ou un template interne, mais les clients mail et filtres de sécurité ne l'acceptent pas tous. Pour une campagne en production, une URL d'image hébergée reste souvent plus fiable.
Rendre une documentation autonome
Insérez une petite capture ou un badge dans un README, une note support ou une documentation technique lorsque le fichier doit voyager avec le texte.
Diagnostiquer une Data URL qui ne charge pas
Comparez Base64 brut et Data URL complète si l'aperçu échoue : préfixe manquant, type MIME incorrect, chaîne tronquée, guillemets JSON non échappés ou retour à la ligne ajouté au mauvais endroit.
Quand Base64 est le bon choix
Base64 sert à transporter une image sous forme de texte. Ce n'est ni une compression, ni un hébergement, ni une protection de fichier.
Avant : un fichier HTML doit rester autonome
Après : utilisez une Data URL pour embarquer une petite image sans dossier assets ni chemin relatif.
Avant : une API attend du texte image
Après : copiez Base64 brut si l'API demande seulement les octets encodés, ou Data URL si elle veut aussi le type MIME.
Taille à surveiller
Base64 rend généralement la sortie texte environ un tiers plus lourde que le fichier binaire. Pour une photo, une bannière ou plusieurs grosses images, utilisez d'abord Compresser une image ou Redimensionner une image.
Confidentialité réelle
L'encodage est local, mais la chaîne copiée reste l'image sous forme de texte. Toute personne qui possède la chaîne complète peut la décoder.
Erreur fréquente
Si l'image ne s'affiche pas, vérifiez le préfixe data:image/...;base64,, la virgule avant les données, le type MIME, le padding final et les caractères supprimés au collage.
Test final
Collez la valeur dans l'environnement cible et contrôlez le rendu, la taille du document et la compatibilité du champ avant de l'utiliser en production.
FAQ sur la conversion image en Base64
Réponses pratiques pour choisir le bon format, convertir plusieurs images, comprendre la taille de sortie et corriger une image Base64 qui ne s'affiche pas.
Faut-il copier Base64 brut ou une Data URL ?
Copiez une Data URL pour HTML, CSS, Markdown ou un aperçu navigateur, car elle inclut le préfixe data:image/...;base64,. Copiez Base64 brut quand une API, une base de données ou un backend demande uniquement la chaîne encodée, sans préfixe.
Quels formats d'image sont acceptés ?
Le convertisseur accepte les formats image courants reconnus par le navigateur, notamment PNG, JPG/JPEG, WebP, GIF, SVG, AVIF et BMP. Si le fichier n'est pas identifié comme une image valide, il est refusé pour éviter de produire une sortie trompeuse.
Puis-je convertir plusieurs images en Base64 ?
Oui. Vous pouvez déposer plusieurs fichiers et traiter un lot de petites images. Chaque fichier garde ses propres sorties : Base64 brut, Data URL, HTML, CSS, Markdown et JSON.
Mes images sont-elles envoyées sur un serveur ?
Non. En utilisation normale, les fichiers sont lus localement dans votre navigateur avec FileReader. La conversion image en Base64 ne nécessite pas de téléverser les images sélectionnées.
Convertir une image en Base64 réduit-il sa taille ?
Non. Base64 est un encodage, pas une compression. La chaîne obtenue est généralement environ un tiers plus grande que le fichier original. Si le poids compte, utilisez Compresser une image ou Redimensionner une image avant de l'encoder.
Pourquoi mon image Base64 ne s'affiche-t-elle pas ?
Le cas le plus courant est un Base64 brut collé là où une Data URL complète est attendue. Vérifiez que la valeur commence par data:image/...;base64,, que la virgule est présente, que le type MIME correspond au fichier, que la chaîne n'est pas tronquée et que les guillemets sont correctement échappés dans JSON.
Quand Base64 est-il préférable à une URL d'image classique ?
Base64 convient aux petites icônes, logos légers, placeholders, démos HTML autonomes, extraits CSS, exemples Markdown, tests API et fixtures. Pour de grandes photos, bannières ou assets réutilisés sur plusieurs pages, un fichier image hébergé est généralement plus performant et plus facile à mettre en cache. Si votre source est un WebP que l'environnement cible refuse, convertissez-le d'abord avec Convertisseur WebP.
Puis-je utiliser une image Base64 dans un e-mail ?
Oui pour des tests ciblés, mais pas comme choix par défaut. Certains clients mail, webmails et filtres de sécurité bloquent ou retirent les Data URLs en Base64. Pour un e-mail envoyé à grande échelle, testez les clients cibles ou utilisez une image hébergée.
Base64 protège-t-il une image sensible ?
Non. Base64 n'est pas du chiffrement. Il transforme l'image en texte, mais n'empêche pas de la récupérer. Ne collez pas une chaîne Base64 contenant une capture privée, un document personnel ou une donnée confidentielle dans un journal, un ticket public ou un outil partagé.
La conversion modifie-t-elle la qualité ou la transparence ?
Non. L'encodage Base64 conserve les octets du fichier d'origine. Il ne change ni les dimensions, ni la qualité, ni la transparence. Si la chaîne copiée est complète, le décodage restitue le même fichier.
Convertir une autre image en Base64
Revenez au convertisseur pour encoder la prochaine image dans le format exact attendu : Base64 brut, Data URL, HTML, CSS, Markdown ou JSON.