Image en Base64
Convertissez une image en URI de données Base64 pour l'intégrer directement dans du CSS ou du HTML — ou collez du Base64 pour le reconvertir en image téléchargeable. Tout fonctionne dans votre navigateur.
Convertir dans l'autre sens
Besoin de passer du Base64 à une image ? Utilisez la page dédiée :
Comment convertir une image en Base64
- Déposez une image (ou passez à Base64 → Image et collez du Base64).
- Copiez l'URI de données Base64 — activez ou désactivez le préfixe data:.
- Collez-le dans votre CSS ou votre HTML, ou décodez-le pour retrouver une image.
À propos de l'encodage Base64 des images
Encoder une image en Base64 la transforme en une chaîne de texte que vous pouvez intégrer directement dans un arrière-plan CSS, une balise img HTML ou une charge utile JSON — sans requête de fichier séparée. C'est pratique pour les petites icônes, les images d'e-mail en ligne et les URI de données, même si cela alourdit les données d'environ 33 %, ce qui le réserve aux petits éléments.
Cet outil convertit dans les deux sens entièrement dans votre navigateur : déposez une image pour obtenir son URI de données, ou collez un URI de données / une chaîne Base64 pour prévisualiser et télécharger l'image. Rien n'est envoyé, vos images privées restent donc sur votre appareil.
La taille n’est pas le seul inconvénient de l’intégration en ligne. Une image Base64 fait partie du document qui la contient, ce qui signifie que le navigateur ne peut pas la mettre en cache séparément, la charger progressivement ou la réutiliser sur différentes pages, comme il le ferait avec un fichier image normal. De plus, la prise en charge est limitée : certains clients de messagerie, notamment Outlook, refusent d’afficher les images au format Data URI.
Vous rencontrerez des images au format Base64 dans plus d’endroits que dans le code CSS écrit à la main. Les applications de dessin Canvas exportent leurs créations via toDataURL, les outils de capture d’écran et de signature enregistrent leurs résultats sous forme d’URI de données, les API renvoient les images générées sous forme de champs Base64 dans le format JSON, et les fichiers HTML exportés contiennent toutes les images directement intégrées. Lorsque l’une de ces chaînes de caractères se retrouve entre vos mains – dans un fichier journal, une colonne de base de données ou le code source d’une page – la décoder pour la transformer en un fichier réel est généralement le moyen le plus rapide de voir ce qu’elle contient.
Questions fréquentes
Qu'est-ce qu'un URI de données ?
Un URI de données intègre les octets d'un fichier directement dans une URL au format Base64, comme data:image/png;base64,… — vous pouvez l'utiliser comme source d'image ou arrière-plan CSS sans fichier séparé.
Pourquoi le Base64 est-il plus volumineux que le fichier ?
Le Base64 représente 3 octets avec 4 caractères ASCII, le texte est donc environ 33 % plus volumineux que l'image d'origine. Il convient mieux aux petits éléments comme les icônes.
Puis-je reconvertir du Base64 en image ?
Oui. Passez à Base64 → Image, collez un URI de données ou du Base64 brut, puis prévisualisez et téléchargez l'image décodée.
Mon image est-elle envoyée ?
Non. Les deux sens fonctionnent entièrement dans votre navigateur, votre image ou votre Base64 ne quitte donc jamais votre appareil.
L’encodage Base64 modifie-t-il ou compresse-t-il mon image ?
Non. Base64 est une méthode qui consiste à représenter les octets exacts du fichier en utilisant 64 caractères ASCII sûrs. Rien n’est compressé, redimensionné ou réencodé, et le décodage renvoie un fichier identique à l’original. La qualité n’est pas affectée, car les pixels ne sont jamais modifiés. Si vous avez besoin d’une chaîne de caractères plus courte, compressez ou redimensionnez l’image avant de l’encoder. Base64 ne réduira jamais la taille d’un fichier.