Outil image / 16
Image en Base64
Encodez une image en URL de données Base64 complète pour le CSS, le HTML ou la transmission.
Image en Base64: TOEA lit les octets du fichier avec le FileReader du navigateur et préfixe la charge utile Base64 par son type MIME. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.
- Catégorie
- Outils image
- Exécutions
- Dans votre navigateur
- Coût
- Gratuit · sans inscription
- Disponibilité
- Prêt à l'emploi
Fonctionne entièrement dans votre navigateur
JPG, PNG, WebP ou GIF · jusqu’à 30 MB
Quand l’intégration en ligne est utile
Une URL de données évite une requête, mais ne peut pas être mise en cache seule : elle est téléchargée à nouveau avec chaque copie du HTML ou du CSS qui la contient et elle est environ un tiers plus volumineuse que le fichier. Ce compromis convient aux très petites images de quelques kilo-octets, comme une icône dans une feuille de style ou un espace réservé flouté. Les photos et les images réutilisées sur plusieurs pages se chargent plus rapidement comme fichiers ordinaires. Pour un SVG, encoder l’URL du balisage plutôt que d’utiliser Base64 produit généralement une URL de données plus courte.
Cas où les URL de données ne fonctionnent pas
Gmail et de nombreux autres clients de messagerie n'affichent pas les images intégrées sous forme d'URL de données : dans une newsletter, faites plutôt un lien vers une image hébergée. Beaucoup d'API qui acceptent des images en Base64 n'attendent que les données : supprimez tout ce qui précède la virgule qui suit base64, virgule comprise. Une page dotée d'une Content Security Policy doit autoriser data: dans sa directive img-src pour que les images intégrées se chargent.
Comment l'utiliser
- Choisissez une image.
- Encodez-la localement.
- Copiez l’URL de données obtenue.
Confidentialité et limitations
Le fichier reste sur votre appareil. Base64 est un encodage, pas un chiffrement, et augmente la taille d’environ un tiers.
Outils associés
Questions fréquentes
Puis-je coller cela dans une balise img ?
Oui. L’URL de données complète peut être utilisée comme valeur de l’attribut src d’une image là où les URL de données sont autorisées.
Pourquoi le résultat est-il plus long que le fichier ?
Base64 représente des octets binaires avec des caractères texte et ajoute une surcharge.
Outil gratuit · dans votre navigateur exécutions · aucun compte requis