Image en Base64 Gratuit en Ligne
Convertissez n'importe quelle image en chaîne Base64 pour CSS ou HTML.
Who uses the Image en Base64?
- Développeurs front-end intégrant de petites icônes en CSS pour éliminer des requêtes HTTP supplémentaires.
- Développeurs d'e-mails intégrant des images de logo dans des e-mails HTML qui bloquent les ressources externes.
- Intégrateurs d'API envoyant des données d'image dans des corps de requête JSON nécessitant un encodage de chaîne.
How the Image en Base64 works
Téléversez votre fichier image à l'aide du sélecteur de fichier ou glissez-déposez-le sur la zone de l'outil.
La chaîne Base64 est générée instantanément dans la zone de texte de sortie.
Cliquez sur « Copier Base64 » pour copier l'URI de données complet (data:image/png;base64,...) dans votre presse-papiers, à utiliser dans des attributs src HTML ou des arrière-plans CSS.
Si vous avez besoin uniquement du Base64 brut sans le préfixe URI de données, supprimez manuellement tout jusqu'à la première virgule incluse avant de l'utiliser.
Tips & tricks
- Le bouton Copier copie toujours l'URI de données complet (avec le préfixe « data:image/...;base64, ») — il n'y a pas de bouton séparé pour la seule chaîne Base64 brute.
- Base64 ajoute environ 33 % à la taille du fichier — cet outil convient mieux aux petites icônes et images de moins de 10 Ko environ, pas aux grandes photos.
- Une seule image peut être traitée à la fois — pas de conversion par lots pour plusieurs fichiers.
- La zone de texte de sortie affiche l'URI de données complet en texte brut — vous pouvez aussi sélectionner et copier manuellement seulement une partie si vous ne voulez pas utiliser la sortie complète du bouton Copier.
Frequently Asked Questions
Pourquoi intégrerais-je une image en Base64 au lieu d'utiliser un fichier image ?
Intégrer des images en Base64 dans HTML ou CSS élimine une requête HTTP pour cette image, ce qui peut améliorer les performances pour les petites icônes et les images critiques au-dessus de la ligne de flottaison. C'est particulièrement utile dans les e-mails HTML où les images externes peuvent être bloquées.
De combien une image Base64 est-elle plus grande que le fichier original ?
L'encodage Base64 ajoute environ 33 % de surcharge. Un PNG de 10 Ko devient ~13,3 Ko en Base64. Pour les grandes images, cette surcharge l'emporte sur l'avantage d'économiser une requête HTTP — utilisez Base64 uniquement pour les images de moins de 10 Ko.
Le bouton Copier copie-t-il seulement le Base64 brut, ou l'URI de données complet ?
Le bouton Copier Base64 copie toujours l'URI de données complet, y compris le préfixe « data:image/...;base64, » — il n'y a pas de bouton séparé pour la seule chaîne Base64 brute. Si vous avez besoin uniquement de la chaîne brute (par exemple pour une charge utile d'API), copiez-la et supprimez manuellement tout jusqu'à la première virgule incluse.
Comment utiliser une image Base64 dans une balise img HTML ?
Utilisez l'URI de données complet comme src : <img src="data:image/png;base64,iVBORw0KGgo..." alt="icon">. Le navigateur décode et affiche l'image en ligne sans requête externe.
Comment utiliser une image Base64 en CSS ?
Utilisez-la comme arrière-plan : background-image: url("data:image/svg+xml;base64,..."). Ceci est particulièrement efficace pour les icônes SVG car cela garde les styles autonomes.
Quels formats d'image peuvent être convertis en Base64 ?
Tout format que votre navigateur peut lire en tant que fichier fonctionne : JPG, PNG, GIF, WebP et autres. Le préfixe de l'URI de données de sortie reflète le type MIME réel du fichier source.
Is my data safe when using the Image en Base64?
Completely safe. The Image en Base64 processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
What image formats does the Image en Base64 support?
The Image en Base64 works with common image formats supported by your browser, including JPEG, PNG, WebP, and GIF. SVG support varies by tool. No format conversion plugin or driver is needed.
Does the Image en Base64 work with large image files?
Yes. The Image en Base64 processes files entirely in your browser using the Canvas API. Very large files (over 20 MB) may take a few extra seconds on older or lower-powered devices. Closing other tabs can free up memory for better performance.