Comment encoder une image en Base64 pour le CSS ou HTML
Convertissez une image en Base64 pour l'inclure directement dans votre CSS ou HTML sans requête HTTP supplémentaire.
Utiliser cet outil maintenant
Entrée
Essayer maintenant →
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==
Questions fréquentes
Comment inclure une image Base64 dans le CSS ?
Après encodage, utilisez : background-image: url("data:image/png;base64,VOTRE_BASE64_ICI"). Idéal pour les petites icônes pour éviter une requête HTTP, mais augmente la taille du CSS.
Quelle est la taille maximum recommandée pour une image Base64 ?
Pour les images embarquées en Base64, limitez-vous à 10-20 Ko. Le Base64 augmente la taille de ~33%. Au-delà, le chargement du CSS/HTML est plus lent qu'une requête HTTP séparée.
Puis-je encoder un SVG en Base64 ?
Oui, les SVG peuvent être encodés en Base64 avec le préfixe data:image/svg+xml;base64,. Cependant, pour les SVG, l'encodage URI est souvent plus efficace.