Image en base64

Convertir une image en base64 (data image base64) est parfois nécessaire pour réduire le nombre de requêtes HTTP vers le serveur. C'est une bonne méthode pour afficher des icônes sur un site. Dans ce cas, le corps de l'image peut être placé dans le code HTML de la page ou dans le fichier CSS, où au lieu de SRC ou URL vous insérez le code base64.

Mais vous devez comprendre que le code base64 pèse environ 33% de plus que le fichier lui-même, il n'est donc pas recommandé d'afficher de grandes images de cette manière.

Cependant, si vous utilisez base64 pour des icônes ou de petites images, dans certains cas, en plus de réduire les requêtes vers le serveur, vous pouvez aussi gagner sur le poids final de la page. En effet, le serveur, en plus de l'image elle-même, renvoie également les en-têtes HTTP, qui ont aussi un poids et s'ajoutent à celui de l'image. Et pour une icône, il peut arriver que la somme de son poids et des en-têtes soit supérieure au poids du base64.

Base64 est une norme d'encodage des données binaires à l'aide de 64 caractères ASCII. L'alphabet d'encodage contient des caractères alphanumériques latins A-Z, a-z et 0-9 (62 signes) et 2 caractères supplémentaires, dépendant du système d'implémentation. Chaque groupe de 3 octets d'origine est encodé en 4 caractères, ce qui entraîne une augmentation des données de 33%.