Image en Base64
Convertissez un fichier image en chaîne Base64 à copier, avec des extraits HTML et CSS prêts à l’emploi.
Image en Base64 encode un fichier image en texte Base64, pour le stocker ou l’envoyer sous forme de texte brut, par exemple dans du JSON, une page HTML ou un fichier CSS. La chaîne est créée à partir des octets d’origine du fichier : l’image n’est ni recompressée ni modifiée. L’outil affiche le nombre de caractères et vous donne aussi une balise img HTML et une règle CSS background-image qui contiennent l’image complète.
Comment utiliser Image en Base64
- 1
Ouvrez une image
Déposez, choisissez ou collez n’importe quel fichier image. Les petites images, comme les icônes, conviennent le mieux.
- 2
Récupérez la chaîne Base64
La chaîne apparaît immédiatement, avec sa longueur en caractères et sa taille approximative.
- 3
Copiez ce dont vous avez besoin
Cliquez sur Copier le Base64 pour la chaîne seule, ou utilisez Copier le HTML ou Copier le CSS pour un extrait prêt à l’emploi.
- 4
Collez-la dans votre code
Collez la chaîne dans votre JSON, votre HTML, votre CSS ou votre script.
Ce que fait l’outil
- Encodage à l’octet près
- Le fichier d’origine est encodé tel quel, sans recompression ni changement de qualité.
- Informations de taille
- Voyez le nombre de caractères et la taille approximative de la chaîne avant de l’utiliser.
- Extraits HTML et CSS
- Copiez une balise img ou une règle background-image qui contient la data URI complète.
- Encodé en local
- Le fichier est lu et encodé dans votre navigateur et n’est jamais envoyé.
Questions
À quoi sert le Base64 pour les images ?
Le Base64 transforme les données binaires d’une image en caractères de texte. Les développeurs l’utilisent pour intégrer de petites images directement dans du HTML, du CSS, du JSON ou des modèles d’e-mail, sans charger de fichier image séparé.
Pourquoi la chaîne Base64 est-elle plus lourde que le fichier image ?
Le Base64 utilise 4 caractères de texte pour 3 octets : le résultat est donc environ 33 % plus lourd. Une image de 30 KB devient environ 40 KB de texte.
Quelle est la différence entre Base64 et data URI ?
Le Base64 est seulement le texte encodé. Une data URI ajoute un préfixe comme data:image/png;base64, pour que le navigateur connaisse le type de fichier. Cet outil donne la chaîne seule ; Image en data URI donne la version complète.
Faut-il convertir de grandes images en Base64 ?
En général, non. Le Base64 convient surtout aux petites images comme les icônes. Les grandes photos alourdissent beaucoup votre HTML ou votre CSS, et le navigateur ne peut pas mettre l’image en cache comme un fichier séparé.
Mon image est-elle modifiée pendant l’encodage ?
Non, ce sont les octets d’origine qui sont encodés. Seule exception : les photos HEIC d’iPhone, converties d’abord en PNG car la plupart des navigateurs ne savent pas afficher le HEIC.