Base64-zu-Bild-Konverter – Data-URIs dekodieren und speichern

Fügen Sie einen Base64-String oder einen data:image-URI ein und erhalten Sie das Bild zurück. Das echte Format wird aus den dekodierten Bytes gelesen, der Download hat also immer die richtige Endung. Die Dekodierung läuft in Ihrem Browser.

Fügen Sie oben einen String ein, um ihn zu dekodieren. Zeilenumbrüche, Einrückungen und umschließende Anführungszeichen werden automatisch entfernt.

Was Base64 zu Bild macht

Dieses Tool nimmt die Textform eines Bildes und gibt Ihnen die Datei zurück. Base64 ist eine Transportkodierung: Sie schreibt beliebige Bytes allein mit den 64 Zeichen A-Z, a-z, 0-9, Plus und Schrägstrich, damit Binärdaten dort durchkommen, wo nur Text erlaubt ist. Verpackt in einen Data-URI – das Präfix `data:image/png;base64,` gefolgt von den Nutzdaten – kann so ein Bild direkt in einem HTML-Attribut, einem CSS-url(), einem JSON-Feld oder einem E-Mail-Text stehen. Die Dekodierung kehrt diese Abbildung exakt um, die Bytes, die herauskommen, sind also genau die Bytes, die hineingingen, bis hin zum EXIF-Block und zum Farbprofil. Bevor überhaupt etwas angezeigt wird, räumt das Tool die Eingabe auf: Es findet die Nutzdaten auch dann, wenn sie in einem vollständigen `img src="…"`-Tag oder einer `background-image: url(…)`-Deklaration stecken, entfernt Zeilenumbrüche und Einrückungen, die ein Code-Formatierer hinzugefügt hat, und streift umschließende Anführungszeichen ab. Anschließend bestimmt es das Format aus den ersten Bytes der dekodierten Daten – der PNG-Signatur 89 50 4E 47, der JPEG-Kennung FF D8 FF, dem GIF87a/GIF89a-Header, dem RIFF/WEBP-Container, der ftyp-Box von AVIF oder einem einleitenden `svg`-Element. Der im Präfix genannte MIME-Typ ist nur eine Behauptung: gewöhnlicher Text, den ein Generator falsch setzen und jeder bearbeiten kann. Er wird deshalb zur Information angezeigt, aber nie für den Dateinamen des Downloads verwendet. Alles passiert in der Seite, auf Ihrem Gerät; der String wird nirgendwohin gesendet.

Warum man Base64 zurück in ein Bild verwandelt

Eingebettete Bilder sind bequem auszuliefern und unhandlich weiterzuverarbeiten. Die Dekodierung macht aus dem Text wieder eine Datei, die Sie öffnen, bearbeiten oder anhängen können.

Ein eingebettetes Icon oder Hintergrundbild aus einem Stylesheet, einer gebündelten JS-Datei oder dem HTML-Quelltext einer E-Mail herausholen
Nachsehen, was ein unbekannter Data-URI in einer Seite, einer Logzeile oder einer API-Antwort wirklich enthält, bevor Sie ihm vertrauen
Eine Base64-Spalte aus einem Datenbank-Dump oder einem JSON-Payload wieder in ein sichtbares Bild zurückverwandeln
Das Bild aus einer in sich geschlossenen HTML-Seite oder einem generierten Bericht ohne separate Asset-Datei extrahieren

So konvertieren Sie Base64 in ein Bild

Einfügen und ansehen – die Dekodierung passiert sofort und vollständig im Browser.

1

Fügen Sie den String ein: einen vollständigen data:image/…;base64,-URI, eine ganze CSS-url()-Deklaration oder ein img-Tag, oder reines Base64 ganz ohne Präfix

2

Zeilenumbrüche, Einrückungen und umschließende Anführungszeichen werden automatisch entfernt, direktes Kopieren aus formatiertem Quelltext ist also unproblematisch

3

Prüfen Sie die Vorschau samt erkanntem Format, Pixelmaßen und dekodierter Dateigröße

4

Laden Sie das Bild herunter – die Endung stammt aus den echten Bytes, ein falsch gesetztes Präfix kann Ihnen also keine kaputte Datei unterschieben

Häufig gestellte Fragen

Nein. Mit Präfix oder ohne – beides funktioniert. Das Präfix gehört zur Syntax des Data-URI und nicht zum kodierten Bild; es sagt dem Browser, wie die nachfolgenden Nutzdaten zu interpretieren sind. Ist es vorhanden, liest das Tool es aus und zeigt Ihnen, was darin behauptet wird; fehlt es, geht nichts verloren, denn das Format wird ohnehin aus den dekodierten Bytes bestimmt.
Weil das Präfix Text ist und keine Daten. Jeder kann `data:image/jpeg;base64,` vor PNG-Bytes schreiben, und etliche Generatoren tun das versehentlich – eine kopierte Vorlage, ein fest verdrahteter MIME-Typ, ein wiederverwendeter String nach einem erneuten Export. Würde man ihm vertrauen, bekämen Sie eine Datei namens .jpg, die kein JPEG-Dekoder öffnen kann. Dieses Tool liest stattdessen die führenden Bytes und sagt es Ihnen, wenn beides nicht zusammenpasst – benannt wird die Datei nach den Bytes.
Fast immer ein unvollständig kopierter String. Lange Data-URIs gehen über Zehntausende von Zeichen, und eine Auswahl, die am Rand des Sichtfensters endet, ein Terminal, das umbrochen und einen Backslash eingefügt hat, oder eine Diff-Ansicht, die jeder Zeile ein + voranstellt, ergeben alle Strings, die sich nicht dekodieren lassen. Weitere häufige Ursachen: stehen gebliebene HTML-Entities wie & anstelle von &, sowie die URL-sichere Variante mit - und _ statt + und /, die vor dem Dekodieren umgewandelt werden muss.
Nein. Formatierer und Minifier brechen lange Data-URIs routinemäßig über mehrere Zeilen um, und E-Mail-Programme setzen harte Umbrüche bei 76 Zeichen. Leerraum gehört nicht zu Base64 und wird vor dem Dekodieren entfernt. Sie können auch die umgebende Syntax unverändert einfügen – eine komplette `background-image: url("data:…");`-Deklaration, ein `img src="…"`-Tag oder einen JSON-String in Anführungszeichen –, die Nutzdaten werden daraus extrahiert.
Kein bisschen. Base64 ist eine umkehrbare Kodierung, keine Komprimierung und keine Neukodierung. Die dekodierten Bytes sind identisch mit der Datei, die ursprünglich kodiert wurde, samt EXIF-Metadaten, ICC-Farbprofil und eingebettetem Vorschaubild. Sieht das Ergebnis schlechter aus als erwartet, ist der Verlust schon vor der Kodierung entstanden – etwa weil das Bild als JPEG in niedriger Qualität gespeichert oder vorher verkleinert wurde.
Ja. SVG hat keine binäre Signatur, weil es XML ist, und wird deshalb an seinem Markup erkannt: Der dekodierte Text muss mit einem Tag beginnen und – nach einer eventuellen XML-Deklaration oder einem Kommentar – recht früh ein `svg`-Element enthalten. Der Download erfolgt als .svg und lässt sich in einem Texteditor öffnen. Für die Gegenrichtung gut zu wissen: SVG ist bereits Text, eine Base64-Kodierung vergrößert es also nur um rund ein Drittel, ohne dass es etwas bringt.
PNG, JPEG, GIF, WebP, AVIF, BMP, ICO und SVG, jeweils an ihrer eigenen Signatur am Dateianfang. Wenn sich das Base64 sauber dekodieren lässt, aber zu keinem davon passt, sehen Sie eine klare Meldung statt eines Downloads – meist bedeutet das, dass die Nutzdaten ein PDF, eine Schriftart, ein ZIP oder schlicht Text sind, der zufällig Base64-kodiert wurde.
Nein. Die Dekodierung sind ein paar Zeilen JavaScript in dieser Seite: Der String bleibt im Speicher des Tabs, die Bildvorschau ist eine lokal erzeugte Blob-URL, und der Download entsteht auf Ihrem Gerät. Es gibt keine serverseitige Komponente, keine Anfrage, die die Nutzdaten transportiert, und die Seite funktioniert auch ohne Netzverbindung weiter. Das zählt hier besonders, denn eingefügte Data-URIs sind oft Screenshots, Scans oder Dokumente aus einem privaten Umfeld.

Weitere Bildwerkzeuge

Entdecken Sie weitere leistungsstarke Werkzeuge für Ihre Bildbearbeitung

Bild komprimieren

Größe reduzieren

Größe ändern

Abmessungen ändern

Bild zuschneiden

Bereich ausschneiden

Format konvertieren

Format ändern

Foto-Editor

Fotos bearbeiten

Bild drehen

Bild drehen

Bild Spiegeln

Horizontal/Vertikal

Wasserzeichen hinzufügen

Wasserzeichen

Rahmen Hinzufügen

Bildrahmen hinzufügen

Abgerundete Ecken

Abgerundete Ecken hinzufügen

Filter

Helligkeit/Kontrast

Gesicht weichzeichnen

Gesichter verbergen

Mosaik

Bereiche verwischen

Hintergrund entfernen

Hintergrund entfernen

Bild verbessern

KI-Upscale

Text Hinzufügen

Text zum Bild hinzufügen

Collage

Mehrere Bilder kombinieren

HTML zu Bild

Web zu Bild

GIF zu Bildsequenz

Frames extrahieren

Bild zuschneiden

Leere Ränder entfernen

Bilder stapelweise umbenennen

Dateien sicher gesammelt umbenennen

Kreis zuschneiden

Bilder rund zuschneiden

Schwarzweiß

Bilder in Graustufen umwandeln

Bild aufteilen

Ein Bild in ein Raster schneiden

Bilder zusammenführen

Bilder zu einem zusammenfügen

DPI ändern

DPI-Metadaten eines Bilds festlegen

Bild zu Base64

Bilder als Base64 kodieren

Bild zu PDF

Bilder zu einer PDF kombinieren

HEIC in JPG

iPhone-HEIC-Fotos in JPG umwandeln

EXIF-Entferner

Verborgene Fotometadaten einsehen und entfernen, einschließlich GPS-Standort

Favicon-Generator

Vollständiges Icon-Set plus HTML

Farbpalette

Farben aus einem Bild extrahieren

HEIC in PNG

iPhone-HEIC-Fotos verlustfrei in PNG umwandeln

Text hinter Bild

Text hinter das Motiv eines Fotos setzen, vollständig im Browser

Farbpipette

HEX, RGB und HSL jedes Pixels auslesen

Unterschrift erstellen

Unterschrift zeichnen und als transparentes PNG herunterladen

Unterschrift freistellen

Tinte vom Papier, auf Transparenz

Hintergrund transparent machen

Hintergrund transparent machen