Mode d’emploi
- Choisissez une image, déposez-la ici ou collez-la avec Ctrl+V.
- Choisissez la sortie : Data URI, « Base64 seul », « Arrière-plan CSS », balise HTML <img> ou Markdown.
- Copiez le résultat.
- Pour l’opération inverse, collez un data URI ou une chaîne Base64 dans « Base64 vers image ».
Explication des options
- Data URI
- La chaîne complète data:image/png;base64,…, utilisable partout où une URL est acceptée.
- Base64 seul
- Uniquement les données encodées, sans le préfixe data:…;, pour les API et les champs JSON qui attendent du Base64 brut.
Exemples
| Sortie | Résultat |
|---|---|
| Data URI | data:image/png;base64,iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt=""> |
Questions fréquentes
De combien le Base64 alourdit-il une image ?
D’environ un tiers. Le Base64 utilise quatre caractères pour trois octets : une image de 30 Ko devient donc environ 40 Ko de texte.
Quand intégrer une image en Base64 ?
Pour les petites icônes et les images de quelques kilo-octets, l’intégration évite une requête réseau. Les images plus lourdes gagnent à rester des fichiers séparés : elles peuvent être mises en cache et n’alourdissent pas votre HTML ou votre CSS.
Quels formats sont pris en charge ?
Toute image que votre navigateur sait lire, dont PNG, JPEG, GIF, WebP, SVG, AVIF et ICO. Au décodage, le format est reconnu d’après les données elles-mêmes quand le type MIME est absent.
Mes images sont-elles envoyées sur un serveur ?
Non. L’encodage et le décodage se font dans votre navigateur.
Confidentialité
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers et vos textes sont traités sur votre appareil et ne sont jamais envoyés à nos serveurs.