So wandeln Sie ein Bild in Base64 um
- 1Ein Bild in das Feld ziehen, einen Screenshot aus der Zwischenablage einfügen oder „Datei auswählen“ wählen.
- 2Ein Ausgabeformat wählen: Data-URI, reines Base64, HTML, CSS oder Markdown.
- 3Den Code kopieren und in die Seite, das Stylesheet oder die API-Anfrage einfügen.
Ausgabeformate
data:image/png;base64,iVBOR…Funktioniert überall, wo eine URL erlaubt ist.iVBORw0KGgoAAAANSUhEUg…Für JSON-Felder und APIs, die nur den Base64-Teil erwarten.<img src="data:image/png;base64,…" alt="">Ein eingebettetes Bild für HTML-E-Mails und Einzeldatei-Seiten.background-image: url("data:…");Kleine Icons und Muster ohne zusätzliche Anfrage.README-Dateien und Notizen, die Data-URIs unterstützen.Wann sich das Einbetten lohnt
Base64 macht ein Bild etwa ein Drittel größer, und ein eingebettetes Bild lässt sich nicht getrennt von der Seite cachen. Einbetten lohnt sich für kleine Icons, Logos in HTML-E-Mails und Einzeldatei-Dokumente. Für Fotos und alles über etwa 10 KB ist eine normale Bilddatei meist schneller.
Häufige Fragen
Gibt es eine Größenbeschränkung?
Keine feste Grenze, da alles im Browser passiert. Sehr große Bilder erzeugen sehr lange Strings, die Editoren verlangsamen können; eingebettete Bilder sollten also klein bleiben.
Verändert die Umwandlung die Bildqualität?
Nein. Die Bytes der Datei werden unverändert kodiert, ohne Skalierung oder erneute Kompression. Beim Dekodieren erhält man exakt dieselbe Datei.
Funktionieren Base64-Bilder in E-Mails?
Apple Mail und die meisten mobilen Clients zeigen sie an. Gmail und manche Outlook-Versionen blockieren Data-URIs; testen Sie in den Clients Ihrer Empfänger.
Wie wird der String wieder zum Bild?
In Base64 zu Bild einfügen, um es anzusehen und herunterzuladen.