Image en Base64 (data URI)

Image en Base64 est un outil gratuit qui s’exécute entièrement dans votre navigateur, sans aucun envoi vers un serveur. Convertir une image en texte à coller dans du CSS ou du HTML, et inversement.

À quoi sert une image en Base64

Une data URI encode une image directement dans le texte d’une page, sans requête séparée vers un fichier. C’est utile pour un petit logo dans un courrier électronique, une icône embarquée dans un fichier CSS, ou un favicon défini en ligne sans fichier externe.

Ce que ça coûte

L’encodage Base64 représente chaque groupe de 3 octets par 4 caractères : le texte obtenu pèse environ 33 % de plus que le fichier binaire d’origine. Sur une photo de plusieurs centaines de kilo-octets, la page qui l’embarque devient nettement plus lourde qu’avec un fichier séparé, que le navigateur aurait pu mettre en cache indépendamment.

Ce que cet outil ne fait pas

Cet outil ne lit pas les photos au format HEIC (par défaut sur certains iPhone) : convertissez-les d’abord en JPEG depuis l’appareil. Sur un PNG, la compression change de format plutôt que de réduire réellement le poids, le navigateur ne sachant pas produire de PNG à palette réduite.

Questions fréquentes

Puis-je reconstruire une image à partir du seul texte Base64, sans l’en-tête data:image/… ?

Oui. Collez le texte, choisissez le type d’image dans la liste, puis lancez la reconstruction.

Le SVG fonctionne-t-il aussi ?

Un SVG déposé est traité comme une image bitmap classique : il est encodé tel quel, mais le texte obtenu ne conserve pas la nature vectorielle du fichier à la relecture.

Mes fichiers sont-ils envoyés sur un serveur ?

Non : le traitement a lieu entièrement dans votre navigateur, sur votre appareil. Aucun fichier n’est transmis à un serveur, à aucun moment.