Bild zu Base64

So verwenden Sie den Bild-zu-Base64-Konverter

1. Bild ablegen oder auswählen.
2. Ausgabeformat wählen, Data URL, rohes Base64, CSS-Snippet oder HTML-Tag.
3. Auf Kopieren klicken und das Ergebnis dort einfügen, wo es benötigt wird.

Ausgabeformat-Leitfaden

• Data URL: selbstständige URI (data:image/png;base64,...), die überall verwendet werden kann, wo eine URL akzeptiert wird.
• Nur Base64: die rohe kodierte Zeichenkette ohne data:-Präfix. Nützlich für API-Endpunkte oder JSON-Einbettung.
• CSS background-image: fertige CSS-Regel: background-image: url("data:...")
• HTML img-Tag: vollständiges <img src="data:...">-Element für direktes Einfügen in HTML.

Wann Base64-Bilder verwenden?

Base64-kodierte Bilder können direkt in HTML, CSS, JSON oder E-Mail-Vorlagen eingebettet werden, ohne eine separate HTTP-Anfrage. Dies reduziert die Anzahl der Netzwerk-Round-Trips für kleine Assets.

Base64 erhöht die Dateigröße jedoch um ca. 33 %. Allgemeine Regel: Bilder unter ~5 KB inline einbetten; für größere Bilder separate Dateien verwenden.

Typische Anwendungsfälle

• Inline-Icons in CSS ohne zusätzliche HTTP-Anfragen
• E-Mail-Vorlagen: Bilder direkt einbetten, um blockierte externe Bilder zu vermeiden
• API-Payloads: Bilddaten im JSON-Body senden
• Eigenständiges HTML: HTML-Dokumente erstellen, die offline funktionieren

Datenschutz

Die gesamte Konvertierung erfolgt im Browser über die FileReader-API. Kein Bild wird hochgeladen.