So konvertieren Sie ein Bild in einen Base64-Daten-URI
Sie können ein Bild direkt als Base64-String in HTML oder CSS einbetten – keine separate Datei. Es ist ein nützlicher Trick für kleine Vermögenswerte, mit klaren Geboten und Verboten.
Was ein Daten-URI ist
Durch die Konvertierung eines Bilds in Base64 wird es in eine lange Textzeichenfolge umgewandelt, die Sie direkt als data:image/png;base64,iVBORw0... in Ihren Code einfügen. Der Browser dekodiert es zurück in das Bild – keine separate Anfrage an den Server.
Wann sollte es verwendet werden (und wann nicht)?
Geeignet für: kleine Symbole, Logos oder Bilder, die in CSS/E-Mail eingebettet sind, wenn das Speichern einer HTTP-Anfrage wichtig ist. Schlecht für: große Bilder – Base64 vergrößert die Größe um ca. 33 % und kann nicht separat zwischengespeichert werden, sodass große Seiten langsamer werden. Faustregel: Nur Inline-Bilder unter ein paar KB.
Sofort konvertieren
Unser kostenloser Bild-zu-Base64-Konverter verwandelt jedes Bild in einen einfügbaren Daten-URI. Um die Codierung selbst zu verstehen, lesen Sie unsere Base64-Erklärung.
Fazit
Mit Base64 können Sie kleine Bilder in Schnittanfragen integrieren, aber der Größenverlust von ca. 33 % macht es für große Dateien falsch. Verwenden Sie es nur für kleine Assets – und behalten Sie große Bilder als separate, zwischenspeicherbare Dateien.
