Convertisseur d'image en Base64

Un convertisseur image vers Base64 transforme le contenu binaire d'un fichier image en une chaîne de texte Base64, généralement enveloppée dans un URI de données tel que data : image/png ; base64, iVBORw0KG... Base64 est un codage qui représente n'importe quelle donnée binaire utilisant 64 caractères ASCII imprimables, de sorte que la chaîne résultante peut vivre directement dans HTML, CSS, JSON ou SVG sans avoir besoin d'une demande de fichier séparée. Ce convertisseur s'exécute également à l'envers : collez une chaîne Base64 ou un URI de données complet et il reconstruit l'image originale pour l'aperçu et le téléchargement.

Les développeurs intègrent des images comme Base64 pour réduire les requêtes HTTP, pour mettre en ligne de petites icônes et logos afin qu'ils apparaissent dès l'instant où une page peint, et pour expédier des fichiers autonomes où une image et son balisage voyagent ensemble. Un URI de données porte son propre type MIME, c'est pourquoi un navigateur peut restituer des données : image/png ; base64,... comme image au moment où il analyse l'attribut Le compromis est la taille : Base64 gonfle les données d'environ un tiers, donc il convient aux petits actifs bien mieux qu'aux grandes photos.

Cet outil fait tout son travail dans votre navigateur L'image est lue et codée localement avec l'API File du navigateur, et l'image elle-même n'est jamais téléchargée sur un serveur, qui conserve des illustrations privées et des captures d'écran sur votre propre machine Parallèlement à la Base64 brute, vous obtenez un URI de données prêt à coller, une balise HTML img et une déclaration d'image d'arrière-plan CSS, ainsi que la taille de l'octet décodé afin que vous puissiez juger si l'inlining en vaut la peine avant de le valider.

La direction du convertisseur Base64-image est facile à vérifier avec une chaîne connue Collez la chaîne PNG de 96 caractères qui démarre iVBORw0KGgo (un seul pixel de 1.1) dans Base64 pour Image et appuyez sur Décoder pour image Vous obtenez un aperçu et un bouton Télécharger l'image qui enregistre décodé.png, un fichier de 70 octets Renvoyez ce fichier à travers Image vers Base64 et la ligne d'aperçu lit image/png · 70 B décodés · 96 Chars Base64. Pour convertir Base64 en fichiers image dans d'autres formats, collez l'URI de données complet afin que le bon type soit conservé.

Une mise en garde pratique : un URI de données est environ un tiers plus grand que le fichier qu'il code et ne peut pas être mis en cache séparément par le navigateur, donc l'inlining de tout ce qui dépasse une petite icône coûte généralement plus cher que la requête qu'il enregistre.