Intégrer une image de 100 Ko en Base64 dans une page

Une image de 100 Ko intégrée en Base64 pèse environ 133 Ko dans la page : calculez le surcoût exact.

Taille d'origine
100 000 octets
Caractères Base64
133 336 (dont 2 de remplissage « = »)
Sauts de ligne ajoutés
aucun
Taille après encodage
133 336 octets
Surcoût
+ 33,3 %
Variante sans remplissage (URL)
133 334 caractères

Le cas en détail

Une image intégrée en URL de données évite une requête réseau, mais elle gonfle le HTML et ne peut pas être mise en cache séparément. Le calcul donne 133 336 caractères pour 100 000 octets.

À retenir : Réservez cette technique aux très petites images, comme de minuscules icônes.

L'exemple chiffré

Valeurs utilisées dans ce cas (des exemples, pas des mesures) :

  • Taille d'origine : 100
  • Unité : kilooctets (1 000 octets)
  • Sauts de ligne : Aucun (une seule ligne)
Taille d'origine
100 000 octets
Caractères Base64
133 336 (dont 2 de remplissage « = »)
Sauts de ligne ajoutés
aucun
Taille après encodage
133 336 octets
Surcoût
+ 33,3 %
Variante sans remplissage (URL)
133 334 caractères

Modifiez les champs ci-dessus pour adapter le calcul à votre situation : le résultat se met à jour tout de suite.

Comment ça se calcule

Base64 transforme chaque groupe de 3 octets en 4 caractères : la taille devient 4 × plafond(n / 3). Le remplissage « = » complète le dernier groupe. Les formats MIME (76 caractères par ligne) et PEM (64) ajoutent un saut de ligne de 2 octets (CRLF) à chaque ligne. Le surcoût est donc d'environ un tiers.

Les résultats sont fournis à titre indicatif, sans valeur de conseil juridique, fiscal ou financier.

Pour aller plus loin