Convertir des images en Base64 / Data URL

Scenario utile pour integrer de petites images directement dans des pages, maquettes ou documentation.

Types d entree adaptes

  • Fichiers PNG/JPG/SVG a integrer en inline
  • Chaines Data URL a verifier
  • Base64 image brut sans prefixe

Etapes

  1. Ouvrez l espace image et importez le fichier.
  2. Copiez la sortie Base64, ajoutez le prefixe Data URL si necessaire.
  3. Collez dans HTML/CSS et verifiez le rendu.

Exemple complet

Entree Data URL

Entree: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...

Action: Image → Base64 puis ajout du prefixe `data:image/png;base64,`.

Sortie: Image preview rendered and ready to download

Erreurs frequentes de ce scenario

Prefixe Data URL incorrect

Controlez que le prefixe data:image/;base64, correspond bien au type reel du fichier.

Fichier trop volumineux

L inline Base64 convient aux petits assets. Pour les gros fichiers, preferez une URL de fichier.

SVG non affiche

Utilisez `image/svg+xml` et verifiez que le SVG decode est valide.

Scenarios associes