Guides Base64

Images en URL de données

Une URL de données place le type de média et les octets encodés directement dans HTML ou CSS, comme data:image/png;base64,... Elle est utile pour petites icônes, modèles d’e-mail et démonstrations autonomes.

Créer une URL de données valide

Utilisez le type MIME exact, une virgule séparatrice et du Base64 sans espace accidentel. Les signatures PNG et JPEG diffèrent. L’encodeur de fichier peut générer des valeurs de test.

<img alt="Small logo" src="data:image/png;base64,ENCODED_BYTES">

Compromis de performance

Les URL de données augmentent la taille d’environ un tiers, empêchent un cache indépendant et peuvent ralentir le parsing si elles sont trop utilisées. Préférez des fichiers normaux pour les photos et assets réutilisés.