Bild in base64

Ein Bild in base64 konvertieren (data image base64) ist manchmal erforderlich, um die Anzahl der HTTP-Anfragen an den Server zu reduzieren. Dies ist eine gute Methode zur Anzeige von Icons auf einer Website. In diesem Fall kann der Bildinhalt im HTML-Code der Seite oder in der CSS-Datei eingefügt werden, wobei Sie anstelle von SRC oder URL den base64-Code einsetzen.

Sie sollten jedoch verstehen, dass der base64-Code etwa 33% größer ist als die eigentliche Datei, weshalb es nicht empfohlen wird, auf diese Weise große Bilder auszugeben.

Wenn man jedoch base64 für Icons oder kleine Bilder verwendet, kann man in manchen Fällen neben der Reduzierung der Serveranfragen auch beim endgültigen Seitengewicht gewinnen. Denn der Server liefert zusätzlich zum eigentlichen Bild auch HTTP-Header, die ebenfalls Gewicht haben und sich mit dem Bildgewicht summieren. Für ein Icon kann es daher vorkommen, dass die Summe seines Gewichts und der Header größer ist als das Gewicht von base64.

Base64 ist ein Standard zur Kodierung binärer Daten mit Hilfe von 64 Zeichen des ASCII. Das Kodierungsalphabet enthält lateinische Buchstaben und Ziffern A-Z, a-z und 0-9 (62 Zeichen) sowie 2 zusätzliche Zeichen, die von der Implementierung abhängen. Jeweils 3 Ausgangsbytes werden mit 4 Zeichen kodiert, was zu einer Datenvergrößerung um 33% führt.