🖼️

image vers Base64

Déposez n’importe quelle image pour la convertir en chaîne Base64 ou en URI de données. Choisissez le format de sortie et copiez-le directement dans HTML, CSS ou JSON. Aucun fichier n’est téléversé — tout s’exécute dans votre navigateur.

Outils d’image Fonctionne localement Aucune donnée envoyée
Base64data URIIntégrerimage
Fichier image
📤
Déposez une image ici ou cliquez pour parcourir
JPEG, PNG, WebP, GIF, SVG, BMP, ICO — traités localement
aperçu

Qu’est-ce que image vers Base64 ?

image vers Base64 convertit un fichier image en chaîne encodée en Base64 à l’aide de l’API FileReader intégrée au navigateur. La sortie peut être formatée sous forme de chaîne Base64 brute, d’URI de données complète, de déclaration CSS background-image ou de balise HTML img — selon les besoins du cas d’usage ciblé.

Comment utiliser image vers Base64

  1. Déposez un fichier image dans la zone de dépôt ou cliquez pour parcourir.
  2. Choisissez un format de sortie : URI de données, Base64 brut, background-image CSS ou balise HTML img.
  3. Copiez le résultat dans votre presse-papiers en un clic.
  4. Collez directement dans HTML, CSS, JSON ou toute autre destination.

Outils associés

📦
Encodage / Décodage Base64
Encoder ou décoder du texte et des fichiers en Base64
 🔍
Visionneuse EXIF
Lisez le modèle d’appareil photo, le GPS, l’exposition et toutes les métadonnées EXIF de n’importe quelle image
 🔄
convertisseur WebP
Convert images to WebP, PNG, or JPEG format
Comprendre l’encodage d’images en Base64 ▾
Exemple
Entrée logo.png (2 KB)
Sortie data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...
Cas d’utilisation courants
  • Intégrer un petit logo dans un e-mail HTML
  • Intégrer un spinner ou une icône dans un fichier CSS
  • Transmettre les données d’image sous forme de chaîne JSON à une API
  • Créer des fichiers HTML autonomes avec des images intégrées
Pourquoi utiliser cet outil
  • Quatre formats de sortie — data URI, Base64 brut, CSS et HTML.
  • Affiche la taille d’origine par rapport à la taille encodée et le % d’augmentation.
  • Avertit lorsque l’image est assez volumineuse pour nuire aux performances de la page.
  • Aucun envoi de fichier — tout s’exécute dans votre navigateur.
Questions fréquentes
Qu’est-ce qu’une image Base64 ?

Base64 permet d’encoder des données binaires (comme une image) sous forme de chaîne ASCII en texte brut. Un data URI est une chaîne Base64 précédée du type MIME, au format data:image/png;base64,... — il peut être placé directement dans l’attribut src d’une balise img ou dans une propriété CSS background-image pour intégrer l’image sans requête de fichier séparée.

Quand faut-il utiliser des data URI ?

Les data URI conviennent idéalement aux petites icônes, aux logos ou aux images intégrées dans les e-mails HTML lorsque les références à des fichiers externes peuvent être bloquées. Pour les images volumineuses, elles alourdissent la page et peuvent nuire aux performances ; à utiliser avec parcimonie.

Mon image est-elle envoyée sur un serveur ?

Non. L’API FileReader encode l’image directement dans votre navigateur. Votre image ne quitte jamais votre appareil.

De combien une image Base64 est-elle plus volumineuse ?

L’encodage Base64 augmente la taille des données d’environ 33 % car chaque groupe de 3 octets de données binaires devient 4 caractères ASCII. Une image de 100 KB devient environ 133 KB sous forme de chaîne Base64.