Bild ↔ Base64 wandelt zwischen Bilddateien und Textkodierung um. Richtung Kodieren: Nach dem Auswählen eines Bildes stehen vier Ausgaben bereit – eine vollständige Data-URL (data:image/png;base64,…, direkt für src oder url() nutzbar), das reine Base64 ohne Präfix, ein CSS-Schnipsel background-image: url('…'); und ein HTML-Schnipsel <img src=… alt=dateiname />. Jede Ausgabe hat ihren eigenen Kopierbutton, und die Karte nennt die kodierte Größe samt Zuwachs. Richtung Dekodieren: Data-URL oder reines Base64 einfügen; anhand des Dateikopfes wird PNG / JPEG / GIF / WebP / BMP / SVG erkannt, danach gibt es Vorschau und Download. Die Verarbeitung läuft lokal im Browser.

Der Unterschied zum allgemeinen „Base64 kodieren“: Hier geht es um Bilder – der MIME-Präfix wird ergänzt, fertige CSS- und HTML-Schnipsel entstehen, und aus dem Text wird wieder ein anschaubares Bild.

1. 01Richtung wählenOben zwischen „Bild → Base64“ und „Base64 → Bild“ umschalten.
2. 02KodierenEin oder mehrere Bilder hinzufügen, in der Dateiliste über „Ansehen“ wechseln; in den „Kodierergebnissen“ zeigen die vier Textfelder ab 1500 Zeichen nur den Anfang und nennen die Gesamtlänge – der Kopierbutton liefert den vollständigen Inhalt.
3. 03DekodierenIn das Textfeld „Base64 einfügen“ eine Zeichenkette, die mit data:image/...;base64, beginnt, oder reines Base64 einfügen (Leerzeichen und Zeilenumbrüche werden entfernt) und auf „Vorschau dekodieren“ klicken.
4. 04SpeichernNach erfolgreicher Dekodierung werden MIME-Typ und Größe angezeigt; „Bild herunterladen“ liefert eine Datei wie base64-bild.png mit passender Endung.

Base64 ist etwa 1,33-mal so groß wie die Originaldatei

Ohne Präfix entscheidet der Dateikopf

12 KB großes PNG-Symbol

Data-URL etwa 16 KB (+33 %); CSS-Schnipsel `background-image: url('data:image/png;base64,iVBOR…');`

reines Base64 einfügen, das mit `iVBORw0KGgo` beginnt

als image/png erkannt, Vorschau erscheint, Download als `.png`

eine zur Hälfte abgeschnittene Zeichenkette einfügen

„Dekodierung fehlgeschlagen: kein gültiger Base64-Inhalt, bitte auf Vollständigkeit prüfen“

Eingabe

JPG / PNG / WebP / GIF / BMP / AVIF / HEIC / SVG; HEIC wird zuerst in JPEG umgewandelt und dann kodiert, es sind also nicht die ursprünglichen HEIC-Bytes

Große Dateien

Ab 3 MB kommt der Hinweis, dass die Zeichenkette sehr lang wird; bei Textfeldern im Browser ruckelt es ab einigen zehn MB deutlich

Erkennung

Beim Dekodieren werden PNG, JPEG, GIF, WebP, BMP und SVG erkannt, alles andere wird als PNG behandelt

SVG

wird zu data:image/svg+xml;base64,… kodiert, eine URL-kodierte Inline-Variante gibt es nicht

Was es nicht macht

nichts komprimieren oder umformatieren (dafür zuerst „Bildkomprimierung“ und „Bildformat konvertieren“), kein Base64 für Nicht-Bilddateien (dafür „Base64 kodieren“)

Kodieren und Dekodieren laufen lokal im Browser über FileReader und atob, Bild und Base64-Text werden an keinen Server geschickt.