Exemple complet
Intégrer une icône dans une maquette
Entree: icon-32.png (fichier importé)
Action: Image → Base64 puis ajout du préfixe `data:image/png;base64,`.
Sortie: Data URL complète prête pour un attribut img src.
Intégrer une image en Base64 / Data URL : guide
Quand utiliser une Data URL et comment intégrer une petite image dans une page web, une maquette ou une documentation.
Types d entree adaptes
- Fichiers PNG/JPG/SVG a integrer en inline
- Chaines Data URL a verifier
- Base64 image brut sans prefixe
Etapes
- Ouvrez l espace image et importez le fichier.
- Copiez la sortie Base64, ajoutez le prefixe Data URL si necessaire.
- Collez dans HTML/CSS et verifiez le rendu.
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.