0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
Configuration
Convertissez des images en Base64 pour les incruster dans du HTML, du CSS ou du JSON, ou décodé une chaîne Base64 en image. Supporte PNG, JPEG, GIF, WebP, SVG et BMP.
Opération

Déplacez une image ou cliquez pour sélectionner

PNG, JPEG, GIF, WebP, SVG, BMP

Comment ça marche

Il convertit une image en une chaîne Base64 sous forme de Data URI (data:image/…;base64,…), que vous pouvez intégrer directement dans HTML ou CSS sans fichier séparé ni requête HTTP supplémentaire.

Le résultat occupe environ 33 % de plus que le fichier original, c'est pourquoi il vaut mieux le réserver aux petites images : icônes, logos, motifs ou placeholders.

En mode décodage, il accepte une chaîne Base64 ou un Data URI complet, détecte le type d'image à partir de ses premiers octets et affiche un aperçu téléchargeable.

Exemples

logo.pngdata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…Le préfixe data:image/png;base64, indique le type. Tout PNG encodé commence par iVBORw0KGgo, qui correspond à sa signature de fichier.
background-image: url("data:image/png;base64,iVBORw0KGgo…");Le Data URI peut être utilisé tel quel dans une règle CSS pour intégrer l'image sans fichier externe.

Cas d'usage

  • Intégrer de petites icônes ou de petits logos dans CSS/HTML via des data URIs, en évitant des requêtes supplémentaires.
  • Stocker une image à l'intérieur d'un JSON, d'un fichier de configuration ou d'une base de données.
  • Envoyer des images via des API ou des e-mails (MIME) qui n'acceptent que du texte.
  • Récupérer et prévisualiser une image à partir d'une chaîne Base64 ou d'un Data URI.

Questions fréquentes

Faut-il convertir toutes les images en Base64 ?

Non. Cela augmente la taille d'environ 33 % et le navigateur ne peut pas mettre l'image en cache séparément. C'est idéal pour les petites images, mais pour les grandes un fichier séparé est presque toujours préférable.

Quels formats d'image prend-il en charge ?

N'importe lequel lors de l'encodage (PNG, JPEG, GIF, WebP, BMP, SVG). Lors du décodage, il détecte automatiquement le type à partir des premiers octets du fichier.

Pourquoi mon Data URI est-il si long ?

Parce que Base64 représente chaque 3 octets par 4 caractères, donc le texte augmente d'environ 33 % par rapport au binaire original. C'est normal, surtout avec les images.

Mon image est-elle envoyée sur un serveur ?

Non. L'image est lue et encodée entièrement dans votre navigateur ; elle ne quitte jamais votre ordinateur.

Voir aussi