Convertisseur d'image en Base64

Transformez une image en data URI Base64 à coller dans du CSS, du HTML, du JSON ou un modèle d'e-mail. Cela marche aussi dans l'autre sens : collez du Base64, l'image s'affiche et vous pouvez l'enregistrer en fichier.

Gratuit et privé. Tout se passe dans votre navigateur, rien n'est envoyé.

Comment ça marche

  1. Ajoutez une imageOuvrez une image, déposez-la dans la zone d'entrée, ou collez du Base64 ou une data URI.
  2. Choisissez le résultatChoisissez data URI, Base64, CSS, HTML ou Markdown. L'aperçu montre l'image et son poids.
  3. Copiez ou téléchargezCopiez le code en un clic, ou téléchargez l'image en fichier.

Pourquoi intégrer des images en Base64 ?

Une data URI place l'image directement dans votre code : le navigateur n'a pas besoin d'une requête séparée pour la charger. C'est pratique pour les petites icônes en CSS, les images des modèles d'e-mail HTML, les pages HTML en un seul fichier et les images stockées dans du JSON ou un champ de base de données.

Le Base64 rend les données environ un tiers plus lourdes, il convient donc surtout aux petites images. L'outil affiche le poids exact et vous prévient quand une image est assez grosse pour ralentir une page.

Du code prêt à coller

Plutôt que d'écrire le code à la main, choisissez le format dont vous avez besoin. L'option CSS donne une ligne background-image complète, l'option HTML une balise img avec largeur et hauteur pour que la page ne saute pas au chargement, et Markdown un lien d'image pour les fichiers README.

Questions fréquentes

Mon image est-elle envoyée ?

Non. L'image est lue et convertie dans votre navigateur, elle n'est jamais envoyée sur nos serveurs.

Y a-t-il une limite de taille ?

Il n'y a pas de limite fixe, mais les data URI de plus de 100 Ko environ alourdissent les pages et les feuilles de style. Pour les grandes images, un fichier image classique est un meilleur choix.

Puis-je convertir d'autres fichiers, comme des PDF ou des polices ?

Oui. N'importe quel fichier devient une data URI ou du Base64 brut. Les options CSS, HTML et Markdown ne sont proposées que pour les images.

Comment retransformer du Base64 en image ?

Collez le texte Base64 ou la data URI dans la zone d'entrée. L'image s'affiche aussitôt et Télécharger l'enregistre avec la bonne extension de fichier.

Est-ce que ça marche hors ligne ?

Oui. Une fois la page ouverte, elle continue de fonctionner sans connexion Internet.