ToolsMaxxing

Image en Base64

Encodez une image en chaîne Base64 ou en URL de données.

ou glissez-déposez images ici

Images JPG, PNG, WebP, GIF, AVIF, BMP ou SVG · Plusieurs fichiers possibles

Vos fichiers restent sur votre appareil

  1. 1Ajouter des fichiers
  2. 2Ajuster
  3. 3Télécharger

Comment ça marche

  1. 1Choisissez une ou plusieurs images, ou faites-les glisser sur la page.
  2. 2Choisissez la sortie : une URL de données, du texte Base64 simple, une balise HTML img ou un background-image CSS.
  3. 3Sélectionnez Tout copier pour copier le texte, ou Enregistrer en .txt pour le garder dans un fichier.
  4. 4Collez-le dans votre code, votre modèle d'e-mail ou votre feuille de style.

À quoi servent les options

URL de données
Le texte complet « data:image/png;base64,... ». Il fonctionne directement comme src d'une image ou dans un url() CSS.
Texte Base64 uniquement
Seulement les caractères encodés, pour les API et les champs JSON qui demandent du Base64 simple.
Balise HTML img
Un élément img prêt à l'emploi avec l'URL de données à l'intérieur.
CSS background-image
Une ligne de CSS qui utilise l'image comme arrière-plan.

Confidentialité

Cet outil fonctionne dans votre navigateur. Vos fichiers ne sont jamais envoyés à un serveur.

Questions fréquentes

Mon image est-elle envoyée ?

Non. L'image est encodée dans votre navigateur et le texte n'est affiché que pour vous.

Pourquoi le texte Base64 est-il plus gros que l'image ?

Le Base64 écrit chaque groupe de 3 octets en 4 caractères, donc le texte est environ un tiers plus gros que le fichier.

Quand utiliser une URL de données ?

Pour de petits éléments comme des icônes, un minuscule logo dans un e-mail ou un espace réservé. Pour les images plus grandes, un fichier normal est plus rapide, car les navigateurs peuvent le mettre en cache.

Fonctionne-t-il avec le SVG ?

Oui. Les fichiers SVG sont encodés en URL de données image/svg+xml.

Puis-je retransformer du Base64 en image ?

Collez l'URL de données dans la barre d'adresse d'un navigateur pour l'afficher, ou utilisez un décodeur Base64 sur la page des outils pour développeurs.

Outils associés