Décodeur Base64 en image

Décodez une chaîne Base64 ou un data URI en image, détectez PNG, JPEG, GIF, WebP, SVG ou ICO d’après les octets, affichez l’aperçu et téléchargez le fichier.

S'exécute entièrement dans votre navigateur. Vos données ne sont jamais envoyées.

Qu'est-ce que Base64 en image ?

Collez une image encodée en Base64, avec ou sans le préfixe data:image/...;base64, : cet outil la décode, détecte le vrai type d’image à partir des octets décodés, affiche un aperçu avec ses dimensions et sa taille, et vous permet de la télécharger avec la bonne extension.

Comment utiliser Base64 en image

  1. Collez un data URI ou une chaîne Base64 brute dans la zone de saisie (les sauts de ligne et espaces sont ignorés).
  2. Vérifiez le Type détecté, les dimensions, la taille et l’aperçu.
  3. Cliquez sur le bouton de téléchargement pour enregistrer le fichier, par exemple decoded-image.png.

Exemple

Entrée
iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAKklEQVR4nGM0TjvDQBvARCNzR40eNXrU6FGjR40eNXrU6FGjR40eEUYDACc1AaFANYRxAAAAAElFTkSuQmCC
Sortie
Type détecté : PNG (image/png), 30×30 px, 99 B – un carré uni #3366CC

Quand utiliser Base64 en image

Utilisez-le pour inspecter des images intégrées dans du HTML, du CSS, des réponses d’API JSON, des journaux ou des e-mails, ou pour récupérer un fichier que quelqu’un a envoyé en Base64. Il ne peut pas réparer une chaîne tronquée : s’il manque une partie du Base64, l’image sera invalide.

Comment fonctionne Base64 en image

L’outil retire le préfixe du data URI, supprime les espaces, accepte le Base64 URL-safe (- et _) et le bourrage = manquant, puis décode avec atob. Les octets sont identifiés par leur signature : PNG, JPEG, GIF, WebP, AVIF, HEIC, BMP, ICO, TIFF ou texte SVG. Si le data URI déclare un type MIME différent de celui des octets, un avertissement s’affiche. L’aperçu utilise une URL d’objet des octets décodés.

Cas d'utilisation courants

  • Afficher une image renvoyée en Base64 par une API REST.
  • Extraire une image intégrée d’un e-mail HTML ou d’un fichier CSS.
  • Vérifier qu’un data URI contient bien le format qu’il annonce.
  • Enregistrer en PNG une capture d’écran en Base64 trouvée dans un journal de test.

Note de Sécurité

Les images sont décodées, traitées et encodées localement dans votre navigateur avec l’API Canvas. Rien n’est envoyé à un serveur. Le contenu SVG n’est affiché que dans un élément <img>, où les scripts du SVG ne s’exécutent pas.

Questions Fréquentes

Ai-je besoin du préfixe data:image ?

Non. Le Base64 brut fonctionne aussi ; le type est détecté à partir des octets décodés.

Pourquoi obtiens-je « Base64 non valide » ?

La chaîne contient des caractères hors de l’alphabet Base64 ou une longueur impossible, généralement parce qu’elle a été coupée ou contient des guillemets ou des séquences d’échappement. Collez uniquement la partie Base64.

Et si les données ne sont pas une image ?

L’outil indique que le Base64 se décode correctement mais n’est pas un format d’image reconnu, et ne propose pas d’aperçu trompeur.

Explorer d'autres catégories