Vue d'ensemble
Cet outil transforme les données binaires d’une image en chaîne Base64 que vous pouvez coller dans HTML, CSS, JSON, des e-mails ou des jeux de tests. Il est pratique lorsque l’image doit circuler sous forme de texte, par exemple dans une configuration, un modèle ou un champ de base de données. Il fonctionne avec les formats courants tant que le navigateur sait lire la source. Le résultat peut être du Base64 brut ou une data URL complète avec le préfixe MIME, comme data:image/png;base64,... .
Cas d'usage
- Logo intégré dans l’en-tête d’un e-mailConvertir un petit logo PNG ou SVG en texte pour l’utiliser dans un modèle sans hébergement externe.
- Miniature dans un JSONPréparer un payload JSON contenant une petite icône ou miniature en Base64 pour tester une API ou créer un fixture local.
- Favicon pour une démo sans fichiersTransformer une favicon compacte en data URL pour un prototype où vous ne voulez pas gérer de fichiers supplémentaires.
- Partager une image sous forme de texteCopier l’image encodée dans une note, un ticket ou un message lorsque les données exactes doivent être transmises en texte.
Comment ca marche
- 1
Chargez une image ou collez une data URL.
- 2
Le navigateur lit le fichier en local.
- 3
Les octets de l’image sont encodés en Base64.
- 4
Copiez le résultat et insérez-le là où c’est nécessaire.
Exemples
Logo PNG pour HTML
Entree: image : PNG 48×48, logo sombre sur fond transparent
Sortie: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABX...
Utilisez la data URL complète dans une balise img ou comme background-image en CSS.
Miniature JPEG produit
Entree: image : JPEG 320×240, photo produit en extérieur
Sortie: /9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxISEhUTEhIVFhUXFxgYGBgYGBcYFxgXFxgYGBgYFxgYHSggGBolGxgXITEhJSkrLi4uGB8zODMtNygtLisBCgoKDg0OGhAQGy0lHyUtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLv/AABEIAJ8BPgMBIgACEQEDEQH/xAAbAAACAwEBAQAAAAAAAAAAAAAEBQADBgcBAv/EADsQAAIBAgQDBgQEBgIDAAAAAAECAwQRAAUSITFBBhMiUWEUMnGBkaGxwdHwFCNS8RQjYnKC0eEV/8QAGgEBAAMBAQEAAAAAAAAAAAAAAAECAwQFBv/EACIRAQEAAgICAQUAAAAAAAAAAAABAhEDIRIxBEFRImETcf/aAAwDAQACEQMRAD8A9z2...
Conservez seulement le Base64 si le système cible ajoute son propre préfixe MIME.
Petit icône SVG pour un prototype
Entree: image : icône SVG 24×24 sous forme de data URL
Sortie: PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+...
Utile lorsque vous avez besoin d’une version textuelle d’une petite icône.
FAQ
Dois-je conserver le préfixe MIME ?
Seulement si vous avez besoin d’une data URL complète. Si les octets encodés suffisent, copiez uniquement la partie Base64.
Pourquoi le résultat est-il plus long que le nom du fichier ?
Base64 représente des données binaires sous forme de texte ; la chaîne est donc généralement plus longue que l’image d’origine.
Puis-je coller n’importe quelle data URL d’image ?
Oui, à condition qu’elle soit valide et que le navigateur puisse décoder les données intégrées.
Que se passe-t-il si l’image est très grande ?
L’outil l’encode quand même, mais le texte obtenu peut devenir difficile à intégrer dans du code ou un message.
Pourquoi ma sortie ne commence-t-elle pas par data:image/... ?
Cela signifie souvent que vous avez copié seulement le Base64. Ajoutez le préfixe MIME manuellement si vous avez besoin d’une data URL complète.