Base64-Zeichenkette zurück in eine Bilddatei umwandeln
`data:image/...`-URIs aus API-Antworten, Browser-Snapshots oder kopierten Snippets dekodieren — als PNG oder JPEG speicherbar und teilbar.
Weitere Utilities, die gut zu dieser Anleitung passen:
Warum das wichtig ist
Eine Frontend-Entwicklerin debuggt eine Chart-Library. Die Library liefert das gerenderte Diagramm als data:image/png;base64,.... Für den Bugreport braucht sie eine echte PNG-Datei. Manuell: MIME-Präfix, Komma-Grenze, passende Buffer-API — ein dediziertes Tool macht daraus Einfügen und Herunterladen.
Drei echte Szenarien
Data-URI aus console.log kopieren, einfügen, PNG laden.
Am Ticket angehängt
Dekodieren und ansehen — kein Einmal-Node-Skript nötig.
Visuelle Bestätigung
cid:-referenzierten Base64-Block einfügen, Bild rekonstruieren, weitergeben.
Evidence fürs Security-Team
Schritt für Schritt
Öffnen Sie das Base64-zu-Bild-Tool.
Data-URI oder rohes Base64 einfügen
Beides möglich. MIME aus Präfix oder manuell wählen bei nur Base64.
Vorschau
Dekodiertes Bild rechts; Breite, Höhe, Typ angezeigt.
Integrität
Kaputte Vorschau oder 0×0 — Eingabe beschädigt oder abgeschnitten.
Als Datei laden
Standard-Dateiname mit erkanntem Suffix (
.png,.jpg,.webp).Optional: Hash als Fingerabdruck
Gespeicherte Datei durch den Hash-Generator für Integrität.
Data URI
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAusB9V4dM7sAAAAASUVORK5CYII=Decoded
Image: 1 × 1 PNG
Size: 68 bytes (decoded)
Profi-Tipps
- Whitespace vor dem Dekodieren entfernen. Aus Mails kopiertes Base64 hat oft Zeilenumbrüche alle 76 Zeichen.
- MIME gegen tatsächlichen Typ prüfen. Angreifer können Skripte in
data:image/svg+xmlschmuggeln — dekodieren und prüfen. - Mehrere Data-URIs in Manifest/JSON — nach Präfix am Komma splitten und einzeln dekodieren.
- Rückrichtung: Datei → Data-URI mit Bild zu Base64.
Typische Stolpersteine
Stolperstein
Dekodiertes Bild defekt
Base64 unvollständig, falsche Quotes oder nicht-standard Alphabet — erst mit dem Kodier-/Dekodiertool Base64 prüfen, dann hier importieren.
Stolperstein
MIME passt nicht zur Endung
Präfix der Data-URI ist maßgeblich. image/jpeg bei PNG-Bytes — Datei öffnet nicht. Magic Bytes prüfen (PNG, JFIF).
Stolperstein
Riesige Base64-Zeichenkette beim Einfügen hängt
Multi-MB: erst als .txt speichern, Datei ins Eingabefeld ziehen statt einfügen.
Wann dieses Tool nicht passt
- Programmatisches Dekodieren — natives API (
atob,Buffer.from,base64.b64decode). - Nicht-Bild-Binär (Fonts
.woff2, Audio) — Kodier-/Dekodiertool als generisches Binär. - Massenextraktion aus PDF/Mailbox — forensische Spezialtools für Container.
FAQ
Große Dateien?
Bis einige hundert MB je nach Browser-RAM. Darüber CLI wie base64 -d.
SVG?
Ja — data:image/svg+xml;base64,... dekodieren und als .svg speichbar.
Werden Daten hochgeladen?
Nein — Dekodierung komplett im Browser.
Nächste Schritte
- Wiederhergestelltes Bild mit dem Bildkompressor verkleinern.
- Für Archiv mit dem Hash-Generator hashen.
- Rückrichtung: Bild zu Base64.