Base64-Bild-Encoder
Bilder in Base64-Data-URIs konvertieren und Base64-Strings zurück zu Bildern dekodieren. Als Data-URI oder Raw-Base64 kopieren. Kostenlos, im Browser.
Bild hierher ziehen oder
Referenz
Was ist Base64-Bildkodierung?
Base64-Kodierung konvertiert binäre Bilddaten in einen ASCII-Text-String unter Verwendung eines 64-Zeichen-Alphabets (A–Z, a–z, 0–9, +, /). Das Ergebnis kann direkt in HTML oder CSS als Data-URI eingebettet werden: data:image/png;base64,iVBOR.... Dadurch entfällt die Notwendigkeit einer separaten HTTP-Anfrage zum Laden des Bildes. Der Nachteil ist, dass Base64-Kodierung die Datengröße um etwa 33% erhöht, weshalb sie am besten für kleine Bilder wie Icons, Logos und UI-Elemente unter ~10 KB geeignet ist.
Häufige Anwendungsfälle
- CSS-Hintergründe — kleine Icons und Muster direkt in Stylesheets einbetten, um HTTP-Anfragen zu reduzieren.
- HTML-E-Mails — Bilder als Data-URIs einbetten, da viele E-Mail-Clients externes Bildladen standardmäßig blockieren.
- Einzeldatei-HTML — eigenständige HTML-Dokumente mit allen Bildern inline eingebettet erstellen.
- API-Payloads — Bilder als Base64-Strings in JSON-APIs übertragen, wo binäre Daten nicht unterstützt werden.
- README-Badges — kleine Status-Icons in Markdown-Dateien ohne externen Hosting-Dienst einbetten.
Datenschutz
Alle Verarbeitung läuft zu 100% in Ihrem Browser. Es werden keine Bilder auf Server hochgeladen.