Images / Aperçu Base64
Aperçu images en base 64
v2.0
Guide d'utilisation
À propos de l'encodage Base64
L'encodage Base64 permet de transformer vos images en chaîne de caractères. Cela vous permet d'intégrer vos images directement dans le code source (HTML, CSS, JSON) sans avoir besoin de faire une requête HTTP supplémentaire pour charger l'image. Idéal pour les petites icônes, les placeholders, ou les signatures d'email.
Pourquoi utiliser le Base64 ?
Avantages
- Moins de requêtes HTTP : Améliore le temps de chargement perçu pour les petites images.
- Fichier unique : L'image est embarquée directement dans le document HTML ou fichier CSS.
- Exécution garantie : Utile dans les e-mails ou les PDF où les images distantes sont parfois bloquées.
- Cache simplifié : L'image est mise en cache avec le fichier parent.
Inconvénients
- Taille augmentée : Le code Base64 est environ 33% plus lourd que le fichier binaire original.
- Pas de cache indépendant : L'image n'est pas mise en cache séparément par le navigateur.
- Code indigeste : Allonge considérablement le code source, ce qui peut rendre le débogage difficile.
- À réserver aux petites images (icônes, logos minuscules).
Comment l'utiliser ?
Une fois l'image convertie, vous pouvez l'utiliser directement dans vos balises <img> ou en CSS :
<img src="data:image/png;base64,iVBORw0KGgo..." alt="Mon image" />
.bg-icon { background-image: url('data:image/png;base64,iVBORw0KGgo...'); }