Bild zu Base64
Wandelt ein Bild in Base64 um.
Bild hierher ziehen oder klicken, um eines auszuwählen
Wählen Sie eine einzelne Datei aus
Anwendungsbeispiele
Ein kleines Symbol direkt in CSS einbetten
Damit lässt sich das Ergebnis direkt in CSS als background-image: url(data:image/png;base64,...) einfügen, ohne eine separate Bildanfrage.
Ein Bild in JSON oder eine Konfigurationsdatei einfügen
Nützlich, wenn Sie Beispielbilddaten als Text in Code oder einer Konfigurationsdatei einbetten möchten, ohne eine Serveranfrage.
Ein Bild inline in eine HTML-E-Mail einbinden
Für E-Mail-Clients, die externe Bildlinks blockieren, können Sie ein Bild in eine Daten-URI umwandeln und direkt in das HTML einbetten.
Häufig gestellte Fragen
Wird mein hochgeladenes Bild an einen Server gesendet?
Nein. Die Umwandlung erfolgt vollständig in Ihrem Browser, und das Bild wird nie an einen Server gesendet.
Was ist der Unterschied zwischen Daten-URI und nur Base64?
Eine Daten-URI ist die vollständige Zeichenkette, die mit data:image/png;base64, beginnt und direkt in <img src="..."> oder ein CSS-url() eingefügt werden kann. Nur Base64 enthält lediglich den rohen kodierten Wert danach, nützlich, wenn Sie die Formatzeichenkette selbst an anderer Stelle zusammensetzen.
Werden die Daten durch die Umwandlung in Base64 größer?
Ja. Die Base64-Kodierung ist etwa 33 % größer als das Original. Das ist der Kompromiss dafür, binäre Bilddaten sicher als Text darzustellen — große Bilder sollten daher nur bei Bedarf auf diese Weise übertragen werden.
Welche Bildformate werden unterstützt?
JPG, PNG, WebP, GIF und die meisten anderen Bildformate, die Ihr Browser lesen kann.