Encodée localement dans votre navigateur — votre image n’est jamais téléversée.
les URI de données ajoutent ~33 % de surcoût — envisagez de servir le fichier directement.
- Le type MIME et la taille détectés s’affichent ici.
À propos de cet outil
Le Base64 est un encodage binaire vers texte qui fait correspondre chaque groupe de trois octets de données binaires à quatre caractères ASCII issus d'un alphabet de 64 symboles, en complétant la fin avec « = ». Un data URI enveloppe cette charge utile d'un préfixe « data:<mime>;base64, » afin qu'une image puisse résider en ligne au sein du HTML, du CSS ou du JSON plutôt que sous forme de requête réseau distincte. L'encodage augmente la taille d'environ 33 %, puisque quatre caractères de sortie représentent trois octets d'entrée.
Utilisez-le pour intégrer en ligne de petites icônes, des sprites ou des SVG directement dans une feuille de style ou du balisage afin de réduire les allers-retours HTTP, intégrer des logos dans des e-mails et des rapports HTML autonomes, coller des octets d'image dans une charge utile d'API JSON, ou déposer un favicon rapide dans un prototype à fichier unique. Le mode inverse retransforme un data URI ou une chaîne Base64 brute en fichier téléchargeable lorsque vous devez récupérer une image extraite du CSS, d'une colonne de base de données ou d'un journal.
Tout s'exécute dans votre navigateur — votre image est lue avec FileReader et n'est jamais téléversée, de sorte que même les ressources confidentielles restent sur votre machine.
Questions fréquentes
Pourquoi mon image Base64 est-elle plus volumineuse que le fichier d'origine ?
Le Base64 encode trois octets de binaire en quatre caractères ASCII, donc le texte encodé est environ 33 % plus volumineux que le fichier source. Le préfixe du data URI et tout retour à la ligne ajoutent un peu plus par-dessus.
Dois-je intégrer les images en ligne sous forme de data URI Base64 ou créer un lien vers le fichier ?
Intégrez en ligne les petites ressources fréquemment réutilisées comme les icônes et les SVG pour économiser des requêtes HTTP, mais servez les images plus volumineuses sous forme de fichiers distincts — les data URI ne peuvent pas être mis en cache indépendamment, alourdissent votre HTML ou votre CSS, et le surcoût de taille d'environ 33 % l'emporte sur la requête économisée.
Comment reconvertir une chaîne Base64 en fichier image ?
Passez en mode Base64 vers Image et collez soit un data URI complet data:image/..., soit une chaîne Base64 brute ; l'outil la décode, prévisualise le résultat, détecte le type MIME et propose un bouton Télécharger qui l'enregistre comme un véritable fichier.