Comprendre l'encodage Base64
Base64 est un schéma d'encodage qui convertit des données binaires en texte ASCII en utilisant 64 caractères imprimables. Chaque groupe de 3 octets binaires est converti en 4 caractères ASCII; ce qui explique l'augmentation de taille d'environ 33%. Cet encodage permet d'intégrer des données binaires dans des formats textuels comme HTML, CSS et JSON.
Cas d'utilisation optimaux pour Base64
Base64 est idéal pour les petites images comme les icônes, logos et avatars de moins de 10 Ko. L'intégration directe élimine les requêtes HTTP et réduit la latence. Pour les images plus volumineuses; le surcoût de taille de 33% dépasse les avantages de la réduction de requêtes. Utilisez des fichiers d'image standards pour les photos et illustrations.
Formats de sortie et leur utilisation
Le Base64 brut est utilisé pour le stockage en base de données et les API. L'URI de données sert pour les attributs src en HTML. Le format CSS s'intègre dans background-image des feuilles de style. La balise HTML img génère un élément complet prêt à coller. Le format Markdown permet l'intégration dans la documentation technique et les fichiers README.
Performance et bonnes pratiques
L'encodage Base64 dans le navigateur utilise l'API FileReader et la fonction btoa. Les images Base64 ne bénéficient pas de la mise en cache du navigateur contrairement aux fichiers externes. Limitez l'utilisation aux images critiques au-dessus du pli. Compressez vos images avant l'encodage pour minimiser la taille de la chaîne Base64 résultante.
