Outils · Image · Image en Base64
Image en Base64
Convertissez une image en URI de données Base64, avec des extraits HTML et CSS prêts à copier.
Ajoutez un fichier et lancez l’outil.
Votre fichier est prêt.
Essayez un autre fichier, ou réessayez.
Réglages
Choisissez un fichier, ajustez les réglages, puis lancez l’outil.
Fonctionne entièrement dans votre navigateur. Aucun fichier n'est envoyé.
Comment ça marche
Déposez une ou plusieurs images.
Copiez l'URI de données, la balise <img>, ou l'extrait CSS dont vous avez besoin.
Collez-le là où vous en avez besoin - votre HTML, votre CSS, ou un modèle d'e-mail.
Questions fréquentes
C'est une image encodée en texte et intégrée directement dans une chaîne data:image/...;base64,..., qui peut ainsi vivre en ligne dans du HTML, du CSS ou du JSON au lieu d'être un fichier séparé que le navigateur doit récupérer.
Non, et ce n'est même pas possible - l'encodage en Base64 est une seule fonction du navigateur (FileReader) qui lit le fichier sur votre appareil. Il n'y a aucun aller-retour vers un serveur à éviter, il n'y en a jamais eu.
Base64 encode chaque groupe de 3 octets en 4 caractères de texte, donc la chaîne encodée est environ un tiers plus grande que le fichier d'origine. L'outil affiche les deux tailles pour que vous sachiez à quoi vous attendre.
Pas encore avec cet outil - nous n'avons pas construit de convertisseur Base64 vers image. Celui-ci ne va que dans le sens image vers texte.
Guides
Un aperçu plus précis de problèmes concrets que résout cet outil.
Why Inlining a Small Image Beats Linking to a File
A tiny icon shouldn't need its own HTTP request. Here's what a data URI actually does, and when embedding an image as text beats linking to it as a file.
Lire le guideHow to Embed an Image Directly in Your HTML, No File Needed
Drop an image, get a ready-to-paste snippet - no separate icon file to manage, no upload. Here's exactly how the encoding works and what each output actually gives you.
Lire le guideData URI vs. Image File: When the Bigger String Is Still Worth It
A Base64 string is always bigger than the file it came from. Here's the actual math behind that, and how to decide whether the trade-off is worth it for a specific image.
Lire le guide
Commentaires