Déposez une image ici
ou cliquez pour choisir · PNG, JPG, WebP, GIF
Choisir une imageÀ propos de Image en Base64
Déposez n’importe quelle image et obtenez instantanément son encodage Base64, en trois variantes prêtes à coller : un data URI complet pour les balises img, la chaîne Base64 brute pour les API et les payloads, et une règle CSS background-image à insérer directement dans une feuille de style. Un aperçu en direct et l’indication de la taille montrent exactement ce que vous vous apprêtez à intégrer avant de copier, pour qu’aucune ressource trop lourde ne se glisse dans votre code sans que vous le remarquiez.
Encoder une image en Base64 permet de l’intégrer directement dans du HTML, du CSS, du JSON ou un modèle d’e-mail — pas de fichier séparé, pas de requête HTTP supplémentaire. La conversion s’effectue entièrement sur votre appareil grâce au FileReader du navigateur : l’image n’est jamais téléversée nulle part. Cela compte quand vous encodez des logos, des maquettes ou tout contenu sous NDA — ce que vous déposez sur la page reste sur votre machine.
Fonctionnalités
- Copiez le data URI complet, le Base64 brut ou l’extrait CSS
- Aperçu en direct de l’image exacte en cours d’encodage
- Affiche la taille encodée avant la copie
- Compatible PNG, JPG, WebP, GIF et SVG
- Encodage local via FileReader — rien n’est téléversé
- Gratuit, instantané et sans compte requis
Comment convertir une image en Base64 en ligne
- Faites glisser votre image sur l’outil ou cliquez pour choisir un fichier.
- Vérifiez l’aperçu et la taille encodée affichée en dessous.
- Cliquez sur Copier le data URI pour l’utiliser dans des balises img ou du JSON.
- Ou copiez la chaîne Base64 brute ou l’extrait CSS background-image.
- Collez le résultat dans votre code, votre feuille de style ou votre requête API.
Questions fréquentes
Qu’est-ce qu’un data URI Base64 ?
Un data URI condense le contenu d’un fichier en une chaîne de texte, précédée de son type MIME — par exemple data:image/png;base64,iVBOR… . Les navigateurs l’affichent exactement comme une URL d’image classique, ce qui permet d’intégrer des images directement dans du HTML, du CSS ou du Markdown sans héberger de fichier séparé.
L’encodage Base64 réduit-il la qualité de l’image ?
Non. Le Base64 est une représentation texte sans perte des octets exacts de votre fichier — le décoder restitue une copie parfaite de l’original, au pixel près. Le compromis porte sur la taille, pas sur la qualité : comme les données binaires sont écrites en caractères texte, la chaîne encodée est environ 33 % plus lourde que le fichier d’origine.
Quand faut-il intégrer une image en Base64 ?
C’est idéal pour les petites ressources : icônes, logos, fonds minuscules, signatures d’e-mail et documents HTML autonomes, où économiser une requête HTTP compense le surpoids. Pour les grandes photos, un fichier image classique reste généralement le meilleur choix, car le Base64 alourdit le balisage et ne peut pas être mis en cache séparément.
Y a-t-il une limite de taille de fichier ?
Il n’y a pas de plafond strict — l’encodage s’exécute dans la mémoire de votre navigateur, donc les icônes, logos et photos habituels se convertissent instantanément. Les fichiers de plusieurs mégaoctets fonctionnent aussi, mais la chaîne obtenue devient peu maniable à coller dans du code et lente à traiter pour les éditeurs : une limite pratique plutôt que technique.
Mon image est-elle téléversée vers un serveur ?
Non. Le fichier est lu et encodé entièrement sur votre appareil via l’API FileReader du navigateur — aucune requête réseau n’est effectuée avec vos données d’image. Vous pouvez même charger la page, vous déconnecter d’internet, et la conversion fonctionnera toujours.