Image Base64
Convertissez des images en Data URIs Base64 et inversement, avec glisser-déposer et aperçu
Cliquez ou déposez une image ici pour téléverser
PNG / JPG / GIF / SVG / WebP / BMP pris en charge
{{ imageInfo.name }} · {{ imageInfo.sizeText }}
Cliquez pour choisir une autre image
Longueur : {{ base64Output.length }} caractères
MIME : {{ imageInfo.mime }}
Caractères : {{ base64Input.length }}
{{ errorMsg }}
{{ decodedImageInfo.mime }} · {{ decodedImageInfo.sizeText }}
À propos de la conversion d'images Base64
La conversion d'images Base64 transforme un fichier image en une chaîne Data URI encodée en Base64. Un Data URI intègre les données image directement dans le HTML ou le CSS, au format data:image/png;base64,....
Les utilisations courantes des images Base64 incluent la réduction des requêtes HTTP (intégration de petites images dans le HTML), l'intégration d'images de fond CSS, l'insertion d'images dans des e-mails et la référence d'images en Markdown.
Cet outil fonctionne dans les deux sens : convertissez un fichier image en Data URI Base64, ou retransformez un Data URI Base64 en image et téléchargez-la. Tout s'exécute dans votre navigateur.
FAQ
Q : L'image grossit-elle après conversion Base64 ?
R : Oui. Base64 augmente la taille des données d'environ 33 %. Pour les grandes images, utilisez l'intégration avec prudence car elle peut ralentir le chargement des pages.
Q : Quels formats d'image sont pris en charge ?
R : PNG, JPEG, GIF, SVG, WebP, BMP, ICO et autres formats courants. Le type MIME est détecté automatiquement en sortie.
Q : Comment utiliser une image Base64 en CSS ?
R : Utilisez
background-image: url(data:image/png;base64,...). Cet outil propose un bouton « Copier le fond CSS » qui génère en un clic du code CSS prêt à coller.