Image vers Base64
Transforme une image en data URI Base64, avec CSS et HTML prêts à coller, sur ton appareil.
Comment ça marche
Cet outil lit ton image avec le FileReader de ton navigateur et l'encode en data URI Base64 — une longue chaîne de texte qui contient l'image entière en ligne, commençant par quelque chose comme data:image/png;base64,. Comme l'image devient du texte, tu peux l'intégrer directement dans du HTML ou du CSS sans fichier séparé. Tout se passe en local dans ton navigateur : l'image n'est jamais envoyée, et tu obtiens des extraits prêts à coller pour le data URI, un background-image CSS et une balise <img>.
Quand intégrer une image en ligne
Intégrer une petite image en data URI économise une requête réseau, ce qui peut accélérer une page pour de petits graphismes fréquents comme des icônes, logos ou textures de fond. C'est aussi pratique quand tu as besoin d'un fichier autonome — un e-mail HTML, une page en un seul fichier, ou un gabarit où tu ne peux pas héberger des ressources séparées. Le compromis, c'est la taille : le Base64 rend les données environ un tiers plus lourdes que le fichier d'origine et ne peut pas être mis en cache séparément, donc réserve-le aux petites images plutôt qu'aux grandes photos.
Cas d'usage typiques
Les développeurs utilisent les data URI pour intégrer des icônes en CSS, regrouper des images dans un seul fichier HTML, intégrer une image dans une signature d'e-mail, ou déposer un placeholder directement dans du code sans gérer un chemin de ressource. Une fois converti, copie le format voulu — data URI brut, CSS ou HTML — et colle-le là où l'image doit apparaître.
Questions fréquentes
Pourquoi le Base64 est-il plus gros que mon image ?
L'encodage Base64 ajoute environ 33% de surcoût car il représente des données binaires avec uniquement des caractères texte. C'est normal, et c'est pourquoi l'intégration convient surtout aux petites images.
Ça marche avec le SVG et le GIF ?
Oui. Toute image que ton navigateur peut lire — PNG, JPG, WEBP, GIF, SVG — est encodée en gardant son format d'origine dans le data URI.
Mon image est-elle envoyée quelque part ?
Non. La lecture et l'encodage se font entièrement dans ton navigateur et l'image ne quitte jamais ton appareil.