Image → Base64

Transformez une image en data URI Base64 avec le code <img> et CSS prêt, ou décodez une data URI en image — directement dans votre navigateur.

À propos de Image → Base64

De quoi s’agit-il

Cet outil encode une image — PNG, JPEG, WebP, GIF, AVIF, BMP, ICO ou SVG — en Base64 pour l’intégrer directement dans du HTML, du CSS ou du JSON. Le résultat est fourni en data URI, en Base64 brut ou, pour le SVG, en data URI encodée pour l’URL, avec du code prêt à coller. Il fonctionne aussi à l’envers : collez une data URI pour voir et enregistrer l’image.

Fonctionnalités principales

  • PNG, JPEG, WebP, GIF, AVIF, BMP, ICO et SVG ; le type est détecté à partir du fichier lui-même.
  • Sortie en data URI, Base64 brut ou encodée pour l’URL (plus courte pour le SVG).
  • Du code prêt pour une balise <img> et du CSS, avec la vraie largeur et hauteur.
  • Un minuscule aperçu flou (LQIP) pour les images chargées à la demande.
  • Décodage : collez du Base64 ou une data URI pour récupérer l’image.

Comment l’utiliser

  1. Déposez une image sur la zone, cliquez dessus pour en choisir une, ou cliquez sur « Exemple ».
  2. Choisissez le format de sortie.
  3. Activez si besoin le micro-aperçu (LQIP).
  4. Copiez le résultat ou le code prêt ; pour décoder, collez une data URI dans le champ de texte.

Quand c’est utile

  • Intégrer une petite icône dans un fichier CSS sans requête supplémentaire.
  • Mettre une image dans un e-mail HTML ou une page en un seul fichier.
  • Voir quelle image contient une longue data URI trouvée dans du code.

Confidentialité et limites

Vos données

Votre image est traitée dans votre navigateur et n’est pas envoyée sur un serveur — le site reçoit seulement un événement anonyme « outil ouvert », sans le contenu. Un résultat envoyé vers un autre outil reste 24 heures sur cet appareil dans « Activité récente ».

Limites

  • Le Base64 grossit une image d’environ un tiers ; il convient donc aux petites images plutôt qu’aux photos.
  • Une image intégrée ne peut pas être mise en cache séparément par le navigateur.

Questions fréquentes

Quand une data URI est-elle une bonne idée ?

Pour les petites icônes, logos et aperçus, quand économiser une requête compte plus que la taille. Pour de grandes photos, un fichier normal est préférable : il est plus léger et le navigateur peut le mettre en cache.

Qu’est-ce qu’un aperçu LQIP ?

Une version très petite et floue de l’image — quelques centaines d’octets — affichée pendant le chargement de la vraie image, pour que la page ne saute pas.

Pourquoi l’encodage URL est-il meilleur pour le SVG ?

Le SVG est du texte : il peut être écrit dans une data URI presque tel quel. L’encodage URL le garde lisible et en général plus court que le Base64.