Toolonit
  1. Accueil
  2. Image
  3. Image en Base64

Convertir une image en Base64

Convertissez une image en chaîne data: URI.

Déposez des images ici ou cliquez pour choisir

JPG, PNG, WebP, GIF, BMP, ICO, SVG ou AVIF. Les fichiers sont traités dans votre navigateur et ne sont jamais envoyés. Elles restent dans ce navigateur jusqu’à ce que vous les retiriez.

Ctrl+OchoisirCtrl+Vcoller

Transformez une image en texte à insérer directement dans du HTML, du CSS, du JSON ou du Markdown. Déposez une ou plusieurs images pour obtenir, pour chacune, le data URI, le Base64 brut, la règle CSS background, la balise HTML <img> et l’image Markdown, chacun à un clic de votre presse-papiers. Les fichiers sont lus par votre navigateur et ne quittent jamais votre appareil. C’est gratuit et sans inscription.

Comment convertir une image en Base64

  1. Déposez des images n’importe où sur la page, collez-en une avec Ctrl+V, ou cliquez pour choisir des fichiers. Les images ajoutées dans n’importe quel autre outil d’image sont déjà là, telles qu’elles sont maintenant : une image redimensionnée ou recadrée là-bas puis appliquée donne le data URI de l’image retouchée. L’image d’exemple permet d’essayer sans fichier.
  2. Cliquez sur « Data URI », « Base64 », « CSS », « HTML » ou « Markdown » sous une image pour copier cet extrait. Ctrl+C copie le data URI de l’image sélectionnée.
  3. Collez-le là où vous en avez besoin, ou téléchargez-le en fichier texte. Avec plusieurs images, « Tout télécharger (ZIP) » les enregistre toutes à la fois.

Fonctionnalités

  • Cinq extraits par image : data URI, Base64 brut, CSS background-image, HTML <img> et Markdown
  • La balise HTML inclut la largeur, la hauteur et un texte alt tiré du nom du fichier
  • Copie en un clic ; Ctrl+C copie le data URI de l’image sélectionnée
  • Plusieurs images à la fois, avec un fichier .txt par image ou tous dans un seul ZIP
  • Un avertissement pour les images de plus de 100 ko, pour lesquelles un lien vers le fichier est généralement préférable
  • PNG, JPG, GIF, WebP, SVG, AVIF, BMP et ICO, avec le bon type MIME même quand le navigateur n’en fournit pas

Est-ce confidentiel ?

Oui. Votre navigateur lit le fichier et le convertit dans la page ; rien n’est envoyé nulle part, et les images restent dans ce navigateur jusqu’à ce que vous les retiriez. Le data URI est le fichier lui-même : il emporte donc les métadonnées d’une photo. Quand il y a une position GPS ou d’autres métadonnées, l’outil vous le signale et vous renvoie à la Visionneuse EXIF pour les supprimer d’abord.

Questions fréquentes

Quand utiliser un data URI ?

Pour les petites images comme les icônes, les logos et les petits fonds, quand économiser une requête compte, et partout où un fichier ne peut pas aller : un e-mail HTML, une page en un seul fichier, un champ JSON ou un document Markdown. Pour les grandes photos, faites plutôt un lien vers le fichier, pour que le navigateur puisse le mettre en cache.

De combien le Base64 alourdit-il un fichier ?

D’environ un tiers. Le Base64 utilise 4 caractères pour 3 octets : une image de 30 ko devient environ 40 ko de texte. Au-delà d’environ 100 ko, un lien vers le fichier est généralement préférable, et l’outil vous prévient.

Quel extrait copier ?

Data URI pour un src ou un url() que vous écrivez vous-même, CSS pour une règle background-image prête à l’emploi, HTML pour une balise <img> complète avec largeur, hauteur et texte alt, Markdown pour la documentation, et Base64 quand une API ou un champ JSON attend les données encodées seules.

Puis-je convertir plusieurs images à la fois ?

Oui. Ajoutez autant d’images que vous voulez ; chacune reçoit ses propres extraits, et « Tout télécharger (ZIP) » enregistre un fichier texte par image.

Outils associés