Base64 à l'image
Ce que fait Base64 à l'image
Nourrir une base64 littérale qui représente des octets d'image bruts — souvent copiés à partir d'undata:image/png;base64,...attribut — et de rendre un aperçu du navigateur. Il transforme les chaînes opaques dans les logs ou les décharges de base de données en quelque chose de designers et QA peut eyeball sans écrire un script à jeter. Il ne devine pas les archives compressées ou SVG-in-disguise tricks; la charge utile doit décoder au format raster que la toile comprend.
Quand l'utiliser
Utilisez-le lorsque les modèles d'email intègrent des icônes minuscules en ligne Base64, lorsqu'un journal de crash mobile imprime une vignette blob, ou lorsque vous vérifiez que l'exportation de CMS de marketing n'a pas corrompu des morceaux binaires. Après prévisualisation, vérifier avecImage vers la base64et valider l'alignement MIME viaVérificateur de type de fichier mimesi vous enregistrez plus tard des fichiers sur le disque.
Exemple travaillé
Un générateur PDF envoie des avatars cassés. Vous tirez le fragment Base64 de la source HTML, le collez ici, et voyez un GIF gris 1×1 au lieu du logo – ce qui prouve que le détenteur de place CMS a tiré plutôt qu'une panne CDN.
Foire aux questions
Dois-je inclure le préfixe URI des données?
Bandedata:image/...;base64,jusqu'à la charge utile à moins que cet outil n'automatise; seul l'alphabet compte pour le décodage.
Pourquoi une sortie vide ?
Copie tronquée, alphabet erroné ou binaire non-image décodé avec succès mais ne peut pas être rendu comme une image.
De gros dossiers ?
Les blocs de base64 volumineux peuvent étouffer les onglets ou compromettre la réactivité, préférant les URL des objets dans les applications au lieu des URI des données mégaoctets.