🖼️Image ↔ Base64

Chargement...

L'encodage Base64 permet d'inclure des images directement dans le code source (HTML/CSS/JSON), réduisant ainsi le nombre de requêtes HTTP.

1
Import
Glissez-déposez une image ou collez-en une depuis votre presse-papier (Ctrl+V).
2
Aperçu
Vérifiez les dimensions et le poids de l'image. Notez que le Base64 augmente la taille du fichier d'environ 33%.
3
Copie
Choisissez le format : Data URL pour le HTML, valeur pour le 'background-image' CSS, ou chaîne brute.

💡Réservez cette technique aux petites icônes ou logos pour ne pas alourdir vos fichiers texte.
💡L'onglet 'Base64 → Image' permet de faire l'opération inverse pour visualiser un jeton d'image reçu via API.
💡Aucun envoi sur serveur : vos images restent privées et sécurisées.

Q. L'encodage Base64 augmente-t-il la taille du fichier ?: A. Oui. Base64 convertit les données binaires en texte ASCII, augmentant la taille d'environ 33%. Convient uniquement pour les petites icônes.
Q. Où les Data URIs sont-elles utilisées ?: A. Insérées directement dans HTML (<img src="data:...">) ou CSS (background-image), éliminant les requêtes HTTP supplémentaires. Utile pour les pages à fichier unique ou les modèles d'email.
Q. L'image est-elle envoyée à un serveur ?: A. Non. Tout le traitement est local dans le navigateur via la FileReader API. Vos données ne quittent jamais votre appareil.