Convertisseur Base64 et data URI

Convertissez une image en Base64 ou en data URI, retrouvez l’image d’un code Base64, transformez un SVG en CSS et encodez ou décodez du texte, directement dans le navigateur.

Glissez une image ici ou cliquez pour la choisirJPG, PNG, WebP, GIF, SVG, ICO… · 10 Mo maximum · vous pouvez aussi coller une image (Ctrl+V)

Le Base64 alourdit un fichier d’environ un tiers : réservez-le aux petites images et icônes.

Tout est calculé dans votre navigateur : rien n’est envoyé.

Gratuit · sans inscription

À propos de cet outil

Le convertisseur Base64 regroupe cinq conversions utiles aux développeurs et intégrateurs web : image vers Base64, Base64 vers image, SVG vers CSS, CSS vers SVG, et encodage ou décodage de texte. Il sert par exemple à intégrer une petite icône directement dans une feuille de style ou un e-mail HTML.

Déposez ou collez une image pour obtenir sa data URI, le Base64 seul, une règle CSS background-image, une balise img ou du Markdown. Collez un code Base64 pour retrouver l’image : son format est reconnu automatiquement. Pour un SVG, l’encodage URL minimal donne un code plus court et lisible que le Base64.

  • Image vers Base64 : data URI, Base64 seul, CSS, HTML ou Markdown
  • Base64 vers image avec détection du format (PNG, JPG, GIF, WebP, SVG, ICO, AVIF…)
  • SVG vers CSS en encodage URL minimal ou Base64
  • Retrouver le SVG caché dans une règle CSS
  • Texte vers Base64 et retour, en UTF-8, option compatible URL
  • Aucun envoi : tout se passe dans le navigateur

Comment l’utiliser

  1. Choisissez l’onglet de la conversion voulue.
  2. Déposez une image, collez un code ou un SVG.
  3. Choisissez le format de sortie.
  4. Copiez le résultat ou téléchargez le fichier.

Questions fréquentes

Qu’est-ce qu’une data URI ?

C’est une adresse qui contient le fichier lui-même, par exemple data:image/png;base64,… : l’image s’affiche sans requête vers un serveur.

Faut-il tout convertir en Base64 ?

Non : le Base64 alourdit le fichier d’environ un tiers et n’est pas mis en cache séparément. Réservez-le aux petites images et icônes.

Pourquoi l’encodage URL pour les SVG ?

Un SVG est déjà du texte : en n’échappant que les caractères nécessaires, le code est plus court que le Base64 et reste lisible.

Mes fichiers sont-ils envoyés ?

Non, toutes les conversions se font dans votre navigateur.

Outils associés

Voir les 57 outils gratuits →