Image to Base64

Image To Base64 Convertir Image Base64 Encodage Base64 Conversion Image Inline Image Outil En Ligne De Conversion Image

🖼️

📂

Glissez une image ici

Choisir un fichier

Convertissez vos images en chaîne Base64 instantanément pour les intégrer dans vos fichiers HTML, CSS ou JavaScript sans ressource externe. Idéal pour optimiser le chargement, embarquer des images inline et simplifier vos projets web.

Qu'est-ce que le Base64

Base64 est un encodage qui convertit des données binaires (comme une image) en une chaîne de caractères ASCII. Cela permet d'intégrer des images directement dans le code, sans fichier séparé.

À retenir : Une image encodée en Base64 est environ 33% plus lourde que le fichier original. À utiliser pour les petites images ou icônes.

Cas d'utilisation

✅ Images embarquées dans du HTML/CSS (pas de requête HTTP)
✅ Icônes dans des emails HTML
✅ Données dans des JSON APIs
✅ Stockage d'images dans localStorage
❌ Grandes images (performance dégradée)

Exemples de code

En HTML :

<img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo">

En CSS :

.logo {
  background-image: url('data:image/png;base64,iVBORw0KGgo...');
}

En JavaScript :

const reader = new FileReader();
reader.onload = (e) => {
  const base64 = e.target.result;
  // data:image/png;base64,iVBORw0KGgo...
};
reader.readAsDataURL(file);