Vue d'ensemble
Cet outil transforme des données d’image encodées en fichier image classique que vous pouvez vérifier, réutiliser ou enregistrer. Il accepte les chaînes Base64 simples comme les data URLs complètes, ce qui le rend utile pour les données copiées depuis des API, des attributs HTML ou des enregistrements stockés. Après décodage, une prévisualisation s’affiche afin de comparer le type MIME, le contenu et le rendu visuel avec ce que vous attendez. Si la chaîne est tronquée, modifiée ou ne contient pas de vraies données d’image, l’aperçu ne s’affichera pas et vous éviterez de télécharger un fichier trompeur.
Cas d'usage
- Avatars renvoyés par une APIDécodez les données utilisateur fournies par le backend pour inspecter exactement l’image stockée ou affichée.
- Extraits d’e-mails HTML et de CMSRendez les images intégrées copiées depuis des modèles, des e-mails ou du contenu riche avant réutilisation.
- Diagnostic de champs image cassésVérifiez si un champ contient une data URL valide, une chaîne Base64 tronquée ou des données qui ne sont pas une image.
- Extraction d’assets générésTransformez un Base64 produit par une application, un script ou une exportation de design en fichier ouvrable et partageable.
Comment ca marche
- 1
Collez une chaîne Base64 ou une data URL complète dans le champ de saisie.
- 2
L’outil décode la charge utile et tente de construire une image.
- 3
Vérifiez l’aperçu pour confirmer le format et le contenu visuel.
- 4
Téléchargez l’image décodée lorsque le résultat est correct.
Exemples
Décoder un avatar PNG
Entree: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAAF0lEQVR42u3BAQ0AAADCIPunNscwYAAAAAAAAAB4G4xQAAaM9l7sAAAAASUVORK5CYII=
Sortie: Aperçu PNG 64×64 prêt à télécharger.
Utile lorsqu’une image de profil est transmise sous forme de data URL intégrée.
Ouvrir un logo Base64 depuis un JSON
Entree: iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABHklEQVR4nO2WsQ3CMBREz0o7qI4kYgM0wI4QK2gK6qgJ6mA5gQ0QK1gYt4dB8Nw0m3QkV3c9m5b5m0m8xWq2Qqf8r3xgQf5gM8j8x2YVQwQW2gQ9m9j0gk4m0m0j8kQ8G2jQ3C0g3Q0v5tqgYQ8A9m4QKQ0wYzQm3mS8n8v4wY8Q2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw
Sortie: Aperçu généré à partir d’une chaîne d’exemple tronquée.
Idéal pour vérifier si un champ Base64 copié depuis un JSON est complet et valide.
Vérifier une image SVG dans du CSS
Entree: data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEyOCIgaGVpZ2h0PSIxMjgiIGZpbGw9IiMwMDc4ZGYiLz48L3N2Zz4=
Sortie: Aperçu SVG avec un carré bleu uni.
Pratique lorsqu’une feuille de style ou un composant stocke des graphismes sous forme de data URLs encodées.
FAQ
Quel format faut-il coller : Base64 brut ou data URL ?
Les deux fonctionnent. La data URL est plus pratique quand le type MIME est inclus, tandis que le Base64 brut suffit si le format est déjà connu.
Pourquoi une chaîne peut-elle se décoder sans afficher d’image ?
Les données peuvent être incomplètes, altérées ou avoir un mauvais type MIME. Un Base64 valide peut échouer si les octets ne forment pas une image lisible.
Peut-on décoder du SVG, du PNG et du JPEG ?
Oui, à condition que le SVG soit encodé correctement en data URL ou en Base64. Le contenu doit aussi être un SVG valide.
Que faire si le Base64 contient des retours à la ligne ou des espaces ?
Les espaces supplémentaires peuvent perturber le décodage. Supprimez les caractères de formatage inutiles si l’aperçu ne s’affiche pas.
Pourquoi le fichier téléchargé n’a-t-il pas le nom d’origine ?
Le Base64 ne contient pas de nom de fichier. L’outil décode seulement le contenu, et le nom final est défini au téléchargement.
Peut-on forcer une image à partir d’un Base64 qui n’en contient pas ?
Non. Si les octets ne sont pas des données d’image, aucun fichier visuel exploitable ne sera généré.