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 localement avec l'API Fichier, codée avec une routine Base64 manuscrite, et 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 d'octet décodée afin que vous puissiez juger si l'inlining en vaut la peine avant de le valider.

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.