Bild in Base64 codieren

- Oder -
Ziehen Sie das Bild hierher

Bei großen Bildern kann die Konvertierungszeit länger dauern


Warum ein Bild in Base64 codieren?

Wenn wir eine Webseite schreiben und ein Bild einfügen möchten, gibt es normalerweise zwei Möglichkeiten.

  1. Verwenden Sie direkt die URI des Bildes, z. B. https://www.codeeeee.com/.../come.png
  2. Kodieren Sie das Bild in Base64 und fügen Sie es in html oder css ein

Im Vergleich zur Verwendung von URIs liegt der Hauptzweck und Vorteil des Kodierens von Bildern in Base64 darin, die Anzahl der Netzwerkanforderungen zu reduzieren. Wenn Sie die URI-Methode verwenden, muss der Browser eine http(s)-Anfrage senden, um den Bildinhalt zu erhalten. Wenn das Bild jedoch als Base64 in das Dokument geschrieben wird, wird das Bild zusammen mit dem Dokument heruntergeladen, ohne dass zusätzliche Anfragen gesendet werden müssen. Natürlich ist die mit Base64 kodierten Daten in der Regel größer als das Originalbild. Daher sollte für größere Bilder abgewogen werden, ob der Nutzen den Verlust überwiegt.