Bild in Base64
Wandeln Sie ein Bild in eine Data-URI um, die Sie direkt in CSS oder HTML einfügen können.
- Läuft auf Ihrem Gerät — die Datei wird nirgendwohin gesendet
- Ohne Anmeldung, ohne Wasserzeichen, ohne Tageskontingent
- Kostenlos, ohne Begrenzung, wie oft Sie es nutzen
So funktioniert es
Eine Data-URI bettet ein Bild direkt in Ihren Quellcode ein, statt auf eine separate Datei zu verweisen. Das spart eine Netzwerkanfrage, was bei winzigen Bildern zählt, die sonst jeweils einen Rundlauf kosten würden.
Wann es sich lohnt
Kleine Symbole, Logos und einfarbige Grafiken. Unter etwa 2 KB überwiegt die eingesparte Anfrage meist die Kosten. Darüber ist ein normaler Dateiverweis besser.
Der Größennachteil
Base64 kodiert drei Bytes als vier Zeichen, daher ist eine Data-URI etwa 33 % größer als die Datei. Sie kann außerdem nicht separat zwischengespeichert werden – sie wird mit jeder Kopie des Stylesheets oder der Seite, die sie enthält, erneut heruntergeladen.
Wohin Sie es einfügen
Direkt in ein CSS-url() oder ein img-src-Attribut. Die Ausgabe trägt bereits das korrekte Präfix für den Medientyp.
Bild in Base64 – Fragen
Warum gibt es eine Größenbeschränkung?
Data-URIs gehören in den Quellcode, und sehr große blähen jede Seite auf, die sie einbindet. Die Grenze liegt bei 2 MB.
Funktioniert es mit SVG?
SVG ist Text, daher lässt es sich direkt ohne Base64 einbetten, was kleiner ist.
Wird mein Bild hochgeladen?
Nein. Die Kodierung geschieht in Ihrem Browser.