Convertir une image en Base64 en ligne
Encodez vos images en Base64 pour les integrer directement dans votre code HTML, CSS ou vos emails. Ou decodez une chaine Base64 pour recuperer l'image originale. Tout se passe dans votre navigateur, aucun fichier n'est envoye a un serveur.
Selectionnez une image pour obtenir son encodage Base64
Glissez votre image ici ou parcourir
JPG, PNG, WebP, GIF, SVG, BMP...
Qu'est-ce que le Base64 et quand l'utiliser ?
Le Base64 est un systeme d'encodage qui transforme des donnees binaires en une chaine de caracteres ASCII. Pour les images, cela signifie que vous pouvez representer un fichier JPG, PNG ou SVG sous forme de texte, directement integrable dans du code source. Le resultat est ce qu'on appelle un Data URL, de la forme data:image/png;base64,iVBOR....
Les cas d'utilisation courants incluent : les petites icones et logos dans les feuilles de style CSS (evitant des requetes HTTP supplementaires), les emails HTML ou les images doivent etre embarquees pour s'afficher sans telechargement externe, et les applications monopage ou hors ligne. Les Data URL sont aussi pratiques pour stocker des miniatures dans des bases de donnees ou des fichiers JSON.
Attention toutefois : l'encodage Base64 augmente la taille des donnees d'environ 33%. Une image de 30 Ko deviendra environ 40 Ko en Base64. Pour les images volumineuses (au-dela de 10 Ko), il est generalement preferable d'utiliser un fichier image classique servi par un CDN, car le Base64 ne beneficie pas de la mise en cache du navigateur et alourdit le code source.
Questions frequentes
Qu'est-ce que l'encodage Base64 d'une image ?
Le Base64 est un systeme d'encodage qui convertit des donnees binaires (comme une image) en une chaine de texte composee uniquement de caracteres ASCII. Cela permet d'integrer une image directement dans du code HTML, CSS ou JSON sans fichier separe.
Pourquoi la taille augmente-t-elle de 33% en Base64 ?
L'encodage Base64 utilise 4 caracteres ASCII pour representer 3 octets de donnees binaires. Ce ratio 4:3 entraine une augmentation d'environ 33% de la taille. C'est le prix a payer pour avoir une representation textuelle des donnees binaires.
Quand utiliser des images en Base64 ?
Les images Base64 sont utiles pour les petites icones et logos (moins de 10 Ko), les emails HTML qui doivent etre autonomes, les feuilles de style CSS pour eviter des requetes HTTP supplementaires, et les applications hors ligne. Pour les grandes images, il vaut mieux utiliser des fichiers classiques.