UTILYARD
tools / image

Image en Base64

Convertissez n'importe quelle image en chaîne encodée en Base64 pour l'intégrer dans du HTML, CSS ou JSON.

Déposez une image ici ou cliquez pour télécharger

PNG, JPG, GIF, SVG, WebP

FAQ

Qu'est-ce que l'encodage d'image en Base64 ?
L'encodage Base64 convertit les données binaires d'une image en texte ASCII. Cela vous permet d'intégrer des images directement dans du HTML, CSS ou JSON sans avoir besoin d'une URL de fichier séparée.
Comment utiliser une image Base64 en HTML ?
Utilisez-la comme attribut src : <img src="data:image/png;base64,VOTRE_BASE64_ICI">. Vous pouvez également l'utiliser en CSS : background-image: url("data:image/png;base64,...").
Pourquoi le résultat Base64 est-il plus grand que le fichier d'origine ?
L'encodage Base64 augmente la taille du fichier d'environ 33 % car il représente chaque groupe de 3 octets de données binaires sous forme de 4 caractères ASCII. Utilisez-le pour les petites images — pour les grandes images, une URL est plus efficace.
Cet outil télécharge-t-il mon image quelque part ?
Non. La conversion se fait entièrement dans votre navigateur via l'API FileReader. Votre image ne quitte jamais votre appareil.

À PROPOS DE CET OUTIL

Upload any image and get a Base64-encoded string you can paste directly into an HTML src attribute, CSS background, or JSON payload. Useful for embedding small icons or images in a single file without a separate network request.

GUIDES ASSOCIÉS

Qu'est-ce qu'une URL de données ?
Comment les URL de données intègrent des fichiers directement dans le HTML et le CSS en utilisant Base64, la syntaxe, quand elles améliorent les performances et quand les éviter.
Lire →