Aller au contenu

Convertir une image en Base64 — data URI, CSS, HTML

Encodez une image en data URI Base64 et copiez-la en Base64 brut, fond CSS, balise HTML img ou Markdown. Détecte PNG, JPG, GIF, WebP, SVG et plus encore.

Conversion dans le navigateur · Sans inscription

Une image jusqu’à 15 Mo · PNG, JPG, GIF, WebP, AVIF, SVG, BMP ou ICO

Mode d’emploi

  1. Choisissez une image ou déposez-la dans le cadre.
  2. Choisissez la sortie : data URI, Base64 seul, CSS, HTML ou Markdown.
  3. Copiez le texte ou téléchargez-le en fichier .txt.

Exemple

logo.png (1,2 Ko) → data:image/png;base64,iVBORw0KGgo… (environ 1,6 Ko de texte)

Détails et limites

Le texte Base64 est environ 33 % plus lourd que le fichier. Intégrez directement les petites icônes et les logos ; pour les images plus grandes, utilisez un lien afin de garder des pages rapides.

Le type d’image est détecté d’après le contenu du fichier, pas son nom : PNG, JPG, GIF, WebP, AVIF, SVG, BMP et ICO. L’encodage se fait dans votre navigateur.

FAQ

Quand utiliser un data URI Base64 ?

Pour de toutes petites images dans du CSS, des e-mails HTML ou des pages en un seul fichier, quand économiser une requête compte plus que le poids. Les data URI ne sont pas mis en cache séparément de la page.

L’image est-elle envoyée ?

Non. Le fichier est lu et encodé sur votre appareil.

Références des formats

Page de l’outil mise à jour le :