ConvertBlink
DE

Base64 in Bild: beliebige Data-URI dekodieren

Füge einen Base64-String oder eine data:-URI ein und dekodiere ihn zu einer anzeigbaren PNG-Datei. Läuft im Browser, kommt mit jedem Bildformat klar, kein Upload.

Browser-nativ
Privatsphäre zuerst
Kostenlos

Jetzt konvertieren

oder

Datei hierher ziehen

oder

Wie es funktioniert

Du hast einen langen String kopiert, der mit `data:image/png;base64,iVBORw0KGgo...` beginnt – aus einer CSS-Datei, einer JSON-Antwort oder dem DevTools-Panel – und willst jetzt einfach das Bild dahinter sehen. Genau darum geht es hier: String einfügen, PNG bekommen, das du öffnen und speichern kannst. Beide Eingabeformen funktionieren. Eine vollständige data:-URI trägt ihren Medientyp im Präfix mit; ein nackter Base64-Körper hat gar kein Präfix. Der Decoder entfernt das Präfix, sobald er eins findet, führt eine normale Base64-Dekodierung durch, um die rohen Bytes zurückzugewinnen, und übergibt diese Bytes an den Bild-Decoder des Browsers. Was auch immer die Bytes beschreiben (PNG, JPEG, WebP, GIF), wird auf ein Canvas gezeichnet und als PNG ausgegeben. Die erneute Kodierung bestimmt, was du zurückbekommst. Die Pixelwerte werden exakt übernommen, der Schritt ist also verlustfrei: Transparenz bleibt erhalten, Farben verschieben sich nicht, Kanten bleiben scharf. Aber das Ergebnis ist ein frisches PNG, nicht die Originalbytes der Quelldatei. Gibst du eine JPEG-data:-URI ein, bekommst du ein pixelgenaues PNG, das in der Regel größer ist als das JPEG war, weil PNG die JPEG-Kompression nicht weiterverwenden kann. Der String verlässt dein Gerät nie. Die Dekodierung läuft in JavaScript über die eingebauten Canvas- und Bild-Dekodier-APIs – wichtig, wenn der Blob aus einem internen Export, einem Kundendatensatz oder sonst etwas stammt, das du lieber nicht auf einen fremden Server kopierst.

Verwandte Konvertierungs-Tools

Entdecken Sie weitere leistungsstarke Konverter, die für Ihren Workflow nützlich sein könnten

Base64 in JPEG umwandeln: Data-URI zu JPG-Datei dekodieren

Base64-String oder Data-URI einfügen und eine echte JPEG-Datei herunterladen. Das Dekodieren läuft komplett im Browser, nichts wird hochgeladen. Kostenlos, sofort, privat.

.txt
Jetzt testen

Base64 zu PNG: Data-URIs im Browser dekodieren

Base64-String oder data:-URI einfügen und lokal als PNG dekodieren. Behält die Alpha-Transparenz, ohne Upload, ohne Server. Dekodierung rein im Browser.

.txt
Jetzt testen

PNG in JXL umwandeln: verlustfrei, kleiner, privat

PNG direkt im Browser in JXL (JPEG XL) umwandeln. Der verlustfreie Modus behält jedes Pixel und den Alphakanal und drückt die Dateigröße unter die von PNG. Ohne Upload, komplett lokal.

.png
Jetzt testen

AVIF in JPEG umwandeln: AV1-Bilder zu JPG dekodieren

AVIF-Bilder (AV1) direkt im Browser in JPEG umwandeln. AV1-Dekodierung per WASM, JPEG-Encoding nativ im Browser, ohne Upload. Du bekommst ein JPG, das jede ältere App und jedes Upload-Formular öffnet.

.avif
Jetzt testen

PNG in AVIF umwandeln - verlustfrei, mit Transparenz

PNG verlustfrei in AVIF umwandeln, direkt im Browser. Die Intra-Codierung von AV1 verkleinert die Datei und behält jeden Pixel samt voller Transparenz. Kein Upload, alles läuft lokal.

.png
Jetzt testen

AVIF in PNG umwandeln: AV1-Bilder direkt im Browser

AVIF-Bilder (AV1) im Browser verlustfrei in PNG umwandeln, Transparenz Pixel für Pixel erhalten. Ohne Upload, ohne Server, komplett privat und kostenlos.

.avif
Jetzt testen

MehrBASE64

base64 → jpgbase64 → png
Alle Konverter anzeigen

Funktionen

  • Keine Datei-Uploads erforderlich
  • 100% datenschutzorientiert
  • Browser-basiert
  • Schnelle Verarbeitung
  • Für immer kostenlos

Unterstützte Formate

.txt

Ausgabe: PNG

Technische Spezifikationen

input Format Base64-Text oder data:-URI (PNG-, JPEG-, WebP- oder GIF-Bytes)
output Format PNG (Portable Network Graphics)
compression Type Verlustfreies PNG (DEFLATE), neu kodiert aus dekodierten Pixeln
quality Retention Pixelgenau bei der PNG-Kodierung; kein zusätzlicher Qualitätsverlust
color Space Support sRGB mit erhaltenem vollständigem 8-Bit-Alphakanal
max Resolution Nur durch den Speicher deines Geräts begrenzt
processing Time Sofort, läuft in deinem Browser

Hauptvorteile

  • Nimmt sowohl vollständige data:-URIs als auch reine Base64-Körper an, ohne manuelles Bearbeiten des Präfixes
  • Liest jedes vom Browser dekodierbare Quellformat und vereinheitlicht das Ergebnis zu PNG
  • Verlustfreie PNG-Kodierung, die Transparenz und exakte Pixelfarben bewahrt
  • Läuft vollständig clientseitig, interne oder private Bilddaten verlassen dein Gerät nie
  • Zeigt eine Vorschau, damit du vor dem Speichern das richtige Bild bestätigst
  • Akzeptiert eingefügten Text oder eine .txt-Datei, praktisch für Strings, die sich nicht sauber kopieren lassen

Häufige Anwendungsfälle

  • Ein Base64-Bild aus einer JSON-API-Antwort oder einer Logzeile prüfen
  • Eine anzeigbare Datei aus einer in CSS oder HTML eingebetteten data:-URI wiederherstellen
  • Ein als Base64-Spalte in einem Datenbankexport gespeichertes Bild extrahieren
  • Prüfen, was ein Avatar- oder Asset-String aus einer Config- oder Env-Datei tatsächlich enthält
  • Eine aus den Browser-DevTools kopierte data:-URI als echtes PNG speichern
  • Einen Base64-Blob aus einer E-Mail-Vorlage in eine bearbeitbare Bilddatei verwandeln

Profi-Tipps

  • Wenn die Dekodierung fehlschlägt, kopiere den vollständigen String erneut, inklusive der abschließenden =-Auffüllung; abgeschnittene Kopien sind die häufigste Ursache.
  • Lade den String aus einer .txt-Datei, wenn er zu lang ist, um zuverlässig aus der Zwischenablage eingefügt zu werden.
  • Entferne umschließende Anführungszeichen und Escape-Zeichen, wenn du den Wert aus JSON oder einem HTML-Attribut geholt hast.
  • Rechne mit einer größeren Datei als der JPEG-Quelle, da PNG verlustfrei ist und die JPEG-Kompression nicht weiterverwenden kann.
  • Nutze die Vorschau, um vor dem Download zu bestätigen, dass die Transparenz korrekt dargestellt wird.

Häufig gestellte Fragen

Beides funktioniert. Beginnt dein String mit data:image/...;base64, liest der Decoder den Medientyp aus dem Präfix und entfernt es für dich. Hast du nur den reinen Base64-Körper, fügst du ihn einfach so ein – dekodiert wird er genauso. Leerzeichen und Zeilenumbrüche im String werden toleriert, umbrochene oder eingerückte Blobs sind also kein Problem.
Ja. Der Decoder liest die zugrunde liegenden Bildbytes unabhängig vom Quellformat und kodiert die Pixel dann als PNG neu. Du erhältst eine echte .png-Datei mit Pixeln, die mit der Quelle identisch sind. Die ursprünglichen JPEG-Bytes bekommst du nicht zurück, und da PNG verlustfrei ist und die JPEG-Kompression nicht weiterverwenden kann, ist die Ausgabedatei meist größer als das JPEG war.
Ja. PNG trägt einen vollständigen Alphakanal, und das Canvas hält ihn intakt, sodass transparente Bereiche im dekodierten Bild auch in der Ausgabe transparent bleiben. Das ist der Hauptgrund, warum PNG die sichere Standardwahl ist, wenn du Bilddaten unbekannter Herkunft dekodierst und keinen Alphakanal auf einen Hintergrund flachrechnen willst.
Für den Kodierungsschritt ja. PNG ist ein verlustfreies Format, und das Dekodieren-und-neu-Kodieren übernimmt jeden Pixelwert, Farben und Kanten bleiben also unverändert. Eine Feinheit: Verlustfrei heißt hier, dass die Pixel, die du siehst, erhalten bleiben – nicht, dass die exakten Bytes der Quelldatei reproduziert werden. Eine JPEG-Quelle bleibt optisch identisch, wird aber zu einer neuen PNG-Datei.
Nirgendwohin. Die Dekodierung läuft vollständig in deinem Browser in JavaScript. Der Base64-String wird nie hochgeladen, und nach dem Schließen des Tabs wird nichts gespeichert. Genau deshalb solltest du ein lokales Tool verwenden, wenn das kodierte Bild aus einem internen System, einem privaten Export oder einem Datensatz stammt, der keinen Drittserver berühren sollte.
Fast immer eine von drei Ursachen: Der String ist abgeschnitten (eine Kopie, die das Ende inklusive der abschließenden =-Auffüllung weggeschnitten hat), er enthält Zeichen, die kein gültiges Base64 sind, oder die dekodierten Bytes sind gar kein Bild. Wenn du den Wert aus JSON oder einem HTML-Attribut geholt hast, achte darauf, den ganzen Wert zu nehmen und nicht die umschließenden Anführungszeichen oder Escape-Zeichen mitzukopieren.
Begrenzt wird das nur durch den verfügbaren Speicher deines Geräts, nicht durch ein festes Limit von uns. Ein großes Bild ergibt einen langen String, und der Browser muss sowohl den Text als auch die dekodierte Bitmap gleichzeitig halten. Mehrere Megabyte große Blobs funktionieren also, fühlen sich auf speicherarmen Geräten aber schwerer an. Wenn ein Einfügen hängt, lade den String stattdessen aus einer .txt-Datei.
Diese Seite macht es bereits lokal, ohne dass etwas deinen Browser verlässt. Wenn du die Kommandozeile bevorzugst: Unter macOS oder Linux dekodiert base64 -d encoded.txt > image.png eine reine Base64-Datei, aber du musst das Präfix data:...;base64, vorher selbst entfernen. Das Browser-Tool kümmert sich automatisch um das Präfix und jedes Quellformat und zeigt das Ergebnis vor dem Speichern in der Vorschau.