Guide de mise en œuvre

Utiliser une image Base64 en HTML

Intégrez une petite image directement dans un élément img HTML avec une Data URL correcte.

<img src="data:image/png;base64,iVBORw0KGgo..." alt="Description" width="320" height="180" />

Utiliser la Data URL complète

La valeur src doit contenir data:, le type MIME de l’image, ;base64 et les données encodées. Le Base64 brut n’est pas une URL d’image valide.

Toujours fournir un texte alt

Décrivez les images utiles pour l’accessibilité. Utilisez un attribut alt vide pour les décorations, ainsi que width et height pour réduire les décalages de mise en page.

Garder les images intégrées petites

Les données intégrées ne peuvent pas être mises en cache séparément du document HTML. Utilisez un fichier d’image classique pour les ressources volumineuses ou réutilisées.

Choisissez l’outil ou le guide adapté à l’étape suivante.

Créer la sortie Base64Encodez une image locale et copiez le bon format.Générateur de Data URLNormalisez le préfixe et inspectez les données.Images Base64 en CSSComparez l’autre méthode d’intégration.