Comment reconvertir une chaîne Base64 en fichier image
Décodez les URI `data:image/...` de réponses API, captures navigateur ou fragments collés en PNG ou JPEG enregistrable.
D’autres utilitaires qui complètent bien ce guide :
Pourquoi c’est important
Un développeur front débogue une lib de graphiques. La lib renvoie le graphique rendu en data:image/png;base64,... et il veut joindre un vrai PNG au ticket de bug. Décoder à la main impose de isoler le préfixe MIME, la virgule et la bonne API Buffer. Un outil dédié se résume à coller et télécharger.
Trois scénarios réels
Copiez la data URI depuis console.log, collez, téléchargez le PNG.
Pièce jointe au ticket
Décodez et affichez sans script Node jetable.
Confirmation visuelle
Collez le bloc Base64 référencé par cid:, récupérez l’image d’origine pour analyse.
Preuve pour l’équipe sécu
Parcours
Ouvrez l’outil Base64 vers image.
Coller la data URI ou le Base64 brut
Les deux passent. L’outil détecte le MIME depuis le préfixe ou demande si seul le Base64 brut est fourni.
Prévisualiser l’image
L’image décodée s’affiche à droite. Largeur, hauteur et type sont indiqués.
Vérifier l’intégrité
Si l’aperçu est cassé ou 0×0, l’entrée est tronquée ou corrompue.
Télécharger en fichier
Le nom par défaut utilise l’extension déduite (
.png,.jpg,.webp).Option : empreinte pour preuve
Passez le fichier sauvé dans le générateur de hash pour un contrôle d’intégrité.
Data URI
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAusB9V4dM7sAAAAASUVORK5CYII=Décodé
Image: 1 × 1 PNG
Size: 68 bytes (decoded)
Conseils avancés
- Retirez les espaces avant décodage. Le Base64 collé depuis un mail a souvent des coupures tous les 76 caractères.
- Vérifiez que le MIME colle au vrai type. Des acteurs glissent du script dans
data:image/svg+xml. Décodez et inspectez. - Pour des manifests multi-images en JSON, scindez sur
,après le préfixe et décodez chaque entrée. - Sens inverse — fichier vers data URI : Image vers Base64.
Pièges courants
Piège courant
Image décodée corrompue
Le Base64 peut manquer de caractères, comporter des guillemets parasites ou un alphabet non standard. Vérifiez le Base64 avec l’outil Encoder/Décoder, puis réimportez ici.
Piège courant
Mismatch MIME et extension
Le préfixe de la data URI fait foi. Si le préfixe dit image/jpeg mais les octets sont du PNG, le fichier ne s’ouvre pas. Inspectez les magic bytes (PNG, JFIF).
Piège courant
Coller une énorme chaîne Base64 gèle le textarea
Pour des chaînes multi-mégaoctets, enregistrez d’abord en .txt puis glissez le fichier dans la zone plutôt que coller.
Quand ce n’est pas l’outil adapté
- Décodage programmatique — APIs natives (
atob,Buffer.from,base64.b64decode). - Décoder du non-image (
.woff2, audio) — Encoder/Décoder et téléchargement binaire générique. - Extraction en masse depuis PDF / messagerie — outils forensiques avec analyse des conteneurs.
FAQ
Les gros fichiers sont-ils supportés ?
Jusqu’à quelques centaines de Mo selon la mémoire navigateur. Au-delà, préférez la CLI base64 -d.
Le SVG est-il supporté ?
Oui. data:image/svg+xml;base64,... décode un SVG visualisable ; vous pouvez aussi l’enregistrer en .svg.
Les données sont-elles téléversées ?
Non. Le décodage est entièrement dans le navigateur.
Étapes suivantes
- Compressez l’image récupérée avec le compresseur d’images.
- Hashez le fichier pour les archives avec le générateur de hash.
- Besoin du sens inverse (image → Base64) ? Image vers Base64.