Encodage 🔒 Fonctionne dans votre navigateur — aucune donnée envoyée

Convertisseur d'image en Base64

Transformez une image en chaîne Base64 ou en data URI prête à coller, sans l'envoyer nulle part.

Entrée
Sortie

Convertir une image en Base64 en ligne

Intégrer une image en Base64 lui permet de voyager à l'intérieur d'un texte : un e-mail HTML, un fichier CSS, une charge utile JSON ou une page HTML autonome. Le navigateur lit l'image directement depuis la chaîne : pas de fichier supplémentaire à héberger, pas de requête réseau en plus.

Cette page ouvre l'encodeur et décodeur Base64 sur son onglet Fichier, avec le préfixe data URI activé. L'encodage se fait entièrement dans votre navigateur.

Où coller le résultat

EmplacementExemple
Image HTML<img src="data:image/png;base64,iVBORw0…" alt="Logo">
Arrière-plan CSSbackground-image: url("data:image/svg+xml;base64,PHN2Zy…");
Champ JSON{"avatar": "iVBORw0KGgo…"} (généralement sans le préfixe)
Markdown![icon](data:image/png;base64,iVBORw0…) si le moteur de rendu l'autorise

Quand l'intégration est une bonne idée

  • Petites icônes et logos de quelques kilo-octets, pour lesquels une requête supplémentaire coûte plus cher que l'augmentation de taille.
  • E-mails HTML, où les images externes sont souvent bloquées par défaut (la prise en charge des data URI varie selon le client de messagerie : testez d'abord).
  • Fichiers autonomes comme des rapports exportés ou des démos hors ligne.
  • API qui n'acceptent les images qu'en Base64 dans du JSON.

Quand elle ne l'est pas

Les grandes photos grossissent d'un tiers et ne peuvent plus être mises en cache séparément de la page ou de la feuille de style qui les contient : chaque affichage de la page les télécharge à nouveau. Au-delà d'environ 10 à 20 Ko sur un site web, un fichier image classique, idéalement converti avec PNG en WebP ou JPG en WebP, est le choix le plus rapide.

SVG : envisagez de vous passer de Base64

Le SVG est déjà du texte. En CSS, vous pouvez souvent l'intégrer encodé pour URL plutôt qu'en Base64, ce qui est plus léger, par exemple url("data:image/svg+xml,%3Csvg …%3E"). L'encodeur d'URL se charge de cet encodage.

Revenir du Base64 à une image

Pour récupérer l'image à partir d'une chaîne, collez-la dans le décodeur Base64 : les images sont prévisualisées et peuvent être téléchargées avec la bonne extension.

Guides associés