Base64 en image, prévisualisée et prête à télécharger.

Les images intégrées dans du HTML, du CSS, du JSON ou des e-mails arrivent généralement sous forme d’URI data: data:image/png;base64,iVBORw0KGgo…. Tout ce qui précède la virgule est une étiquette ; l’image est le Base64 qui suit. Collez l’une ou l’autre forme. Si un préfixe est présent, il est retiré, mais le décodeur vérifie tout de même la signature du fichier : une image étiquetée image/png qui est en réalité un JPEG est correctement identifiée et enregistrée.

Pour intégrer l’image ailleurs, inutile de la décoder : une URI data: s’utilise directement comme <img src> ou dans un url() CSS. Le décodage sert quand vous avez besoin du fichier lui-même — pour le modifier, l’inspecter ou vérifier ce qu’une API a vraiment renvoyé.

Comme le Base64 transforme toujours les mêmes octets en mêmes caractères, chaque format de fichier a un début reconnaissable. Vous pouvez savoir ce que contient une chaîne Base64 avant même de la décoder :

Une chaîne qui commence par /9j/ est un JPEG, par iVBORw0KGgo un PNG — utile quand une ligne de journal ou une colonne de base de données ne donne aucun autre indice.

• La chaîne est tronquée. Les longues valeurs Base64 sont souvent coupées par les visionneuses de journaux, les messageries et les cellules de tableur (Excel s’arrête à 32 767 caractères). L’en-tête se décode, mais les données de l’image sont incomplètes. Recopiez la valeur depuis la source d’origine.
• Ce n’est pas une image. Regardez le champ Type sous le résultat. S’il indique PDF, ZIP ou Données binaires, le Base64 contient un autre type de fichier : téléchargez-le.
• Le format n’est pas affichable. Les navigateurs n’affichent ni HEIC ni TIFF : ces fichiers se décodent correctement mais ne peuvent pas être prévisualisés. Téléchargez-les et ouvrez-les dans une visionneuse.
• Il a été encodé deux fois. Si le résultat est encore du Base64 (commençant souvent par aVZCT1J3, c’est-à-dire « iVBORw » réencodé), cliquez sur Envoyer vers l’entrée et décodez à nouveau.

# Python
import base64
with open("image.png", "wb") as f:
    f.write(base64.b64decode(b64_string))

// Node.js
fs.writeFileSync("image.png", Buffer.from(b64String, "base64"));

# Linux / macOS shell
base64 --decode image.b64 > image.png

Retirez tout préfixe data:image/…;base64, avant de décoder dans du code : la plupart des décodeurs le considèrent comme une entrée invalide. D’autres langages sont couverts dans les exemples de code pour décoder du Base64.