Image en Base64
Transformez une image en chaîne Base64 ou en data URI à coller directement dans votre CSS ou votre HTML.
ou déposez des images ici
Jusqu’à 30 MoVos images sont traitées dans votre navigateur et ne sont jamais envoyées- 1Choisir
Choisissez une image.
- 2Ajuster
Choisissez la sortie : Base64 brut, data URI, arrière-plan CSS ou balise HTML img.
- 3Télécharger
Copiez le résultat en un clic.
Comment utiliser Image en Base64
Choisissez la forme que vous allez coller
Le data URI se colle tel quel dans src="…" ou dans un url() CSS. Le Base64 brut sert aux fichiers JSON et de configuration. Les lignes toutes faites CSS background-image et HTML <img> sont là quand vous voulez simplement déposer quelque chose qui fonctionne. Un clic copie la forme choisie.
Restez sur de petites images
Le Base64 pèse environ un tiers de plus que le fichier qu’il encode, et il vit dans votre HTML ou votre CSS au lieu d’être mis en cache séparément. L’intégration est rentable en dessous de 10 Ko, pour les petites icônes, les images d’attente et les pixels d’espacement ; au-delà de 50 Ko, l’outil vous prévient, car la page commencera à se charger plus lentement.
Des solutions à connaître
Un SVG est presque toujours meilleur collé en balisage qu’en Base64 : il reste modifiable, stylable, et se compresse mieux. Et tout ce qui apparaît sur plus d’une page gagne à rester un fichier image normal, que le navigateur met en cache une fois et réutilise.
Questions fréquentes
Mes photos sont-elles envoyées sur un serveur ?
Non. Tout se passe dans votre navigateur : vos photos ne quittent jamais votre appareil. Fermez l’onglet et il n’en reste aucune trace.
Jusqu’à quelle taille est-il raisonnable d’encoder une image en Base64 ?
En règle générale, moins de 10 Ko. Le Base64 pèse environ 33 % de plus que le fichier d’origine : intégrer de grandes images ralentit donc la page.