Aperçu et décodeur d'image Base64
Guide
Aperçu et décodeur d'image Base64
Coller une chaîne de base64 contenant une image et visualiser immédiatement l'image rendue, avec le format détecté automatiquement à partir des octets magiques du fichier. Les dimensions en pixels de l'image décodée ainsi que sa taille en octets décodés sont calculées directement dans votre navigateur – aucune upload vers un serveur, aucune attente sur une API. L'optionnel data: Préfixe URI est automatiquement enlevé, donc vous pouvez coller une chaîne de base64 brute provenant d'un payload JSON, d'un fond CSS, d'un corps d'e-mail ou d'une réponse SDK générée, et cela fonctionne tout de suite.
Comment utiliser
- Copiez la chaîne de base64. Elle peut être le payload brut ou inclure le
data:image/...;base64,préfixe URI – les deux sont acceptés. - Collez-la dans le Chaîne Base64 champ. L'outil décode et affiche l'image dès que vous arrêtez de taper.
- Inspectez le format détecté, les dimensions en pixels, la taille en octets décodée et le nombre total de caractères de la base64 originale.
- Cliquez Télécharger l'image Pour enregistrer le fichier décodé sur votre ordinateur avec l'extension de fichier correcte pour le format détecté.
Caractéristiques
- Détection automatique du format d'image – PNG, JPEG, GIF, WebP, BMP, ICO, SVG, AVIF et HEIC sont reconnus à partir des octets magiques, pas seulement à partir de l'indice du URI de données.
- Dimensions en pixels – La largeur et la hauteur sont lues à partir de l'image rendue, afin que vous voyiez la taille intrinsèque réelle.
- Taille du fichier décodé – Affiche le nombre réel d'octets binaires après décodage, accompagné de la longueur en caractères de la base64 pour une comparaison.
- Enlève le préfixe du URI de données – Fonctionne quel que soit le début de l'entrée :
data:image/png;base64,, simplementiVBORw0..., ou une variante de base64 sécurisée. - Télécharger sous forme de fichier image – Un clic suffit pour enregistrer les octets décodés avec l'extension correcte pour le format détecté.
- Purement côté client – La chaîne de base64 ne quitte jamais votre navigateur. Sécurisé à utiliser avec des captures d'écran privées, des actifs internes ou des fichiers de conception sensibles.
Quand utiliser cet outil
Utilisez cet outil chaque fois que vous rencontrez une chaîne de base64 contenant une image et que vous souhaitez confirmer ce qu'elle contient réellement – pour déboguer des réponses d'API intégrant des miniatures, inspecter des e-mails ou des pages HTML avec des images inline, reverse-engineerer des pixels de suivi, vérifier les sorties d'une API générant des images ou récupérer un actif à partir d'une exportation de base de données. Comme le rendu se fait dans le navigateur, c'est aussi une méthode rapide pour vérifier que le payload de base64 est bien formé avant de le déployer en production.
FAQ
-
Qu'est-ce que l'encodage base64 et pourquoi est-il utilisé pour les images ?
L'encodage base64 est un schéma d'encodage qui représente des données binaires arbitraires à l'aide de 64 caractères imprimables ASCII. Il existe parce que de nombreux canaux de transport – JSON, attributs HTML, corps d'e-mails, URL, XML classique – ne peuvent pas transporter de manière sécurisée des octets bruts. Encoder une image en base64 permet de l'intégrer entièrement comme une chaîne dans un contexte texte uniquement, au prix d'une augmentation de taille d'environ un tiers.
-
Comment fonctionne une URI de données dans HTML et CSS ?
Une URI de données suit le format
data:[mediatype][;base64],<payload>. Quand un navigateur voit cela dans unimg src, un attribut CSSbackground-image, ou un autre attribut de ressource, il ne fait pas de requête réseau – il décode le payload intégré et le traite comme une ressource. Cela élimine un tour de rotation mais rend le HTML ou le CSS environnant plus volumineux et non cachable en tant que tel. -
Pourquoi les données d'image encodées en base64 sont-elles plus grandes que le fichier original ?
L'encodage base64 empile trois octets de données binaires dans quatre caractères ASCII, ce qui produit seul une augmentation de taille de 33%. Les caractères de remplissage et tout décalage de ligne poussent cette surcharge un peu plus haut. En règle générale, une chaîne de base64 est environ 1,37 fois plus grande que le fichier original une fois que le compressage HTTP est retiré de l'équation.
-
Quels formats d'image peuvent être encodés en base64 ?
Tout format d'image peut être encodé – l'encodage base64 est indépendant des formats et représente simplement les octets du fichier. Les navigateurs peuvent afficher PNG, JPEG, GIF, WebP, BMP, ICO, SVG, et de plus en plus AVIF et HEIC à partir d'une URI de données, à condition que le type de média soit déclaré dans le préfixe ou détecté à partir des octets magiques du fichier.
-
Quand l'inline d'une image en base64 nuit à la performance au lieu d'aider ?
L'inline est peu coûteux pour une petite image sur une voie critique, mais cesse d'être bénéfique pour les fichiers plus grands. Un payload en base64 ne peut pas être caché séparément du document dans lequel il est intégré, bloque le streaming du markup environnant, et force le navigateur à re-parser les mêmes octets à chaque chargement de page. Pour tout fichier au-dessus de quelques kilo-octets, une requête classique avec mise en cache HTTP est presque toujours plus rapide.
<img>Une requête avec le cache HTTP est presque toujours plus rapide.
Installez nos extensions
Ajoutez des outils IO à votre navigateur préféré pour un accès instantané et une recherche plus rapide
恵 Le Tableau de Bord Est Arrivé !
Tableau de Bord est une façon amusante de suivre vos jeux, toutes les données sont stockées dans votre navigateur. D'autres fonctionnalités arrivent bientôt !
Outils essentiels
Tout voir Nouveautés
Tout voirMise à jour: Notre dernier outil a été ajouté le 2 mai 2026
