ConvertBlink
DE

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.

Browser-nativ
Privatsphäre zuerst
Kostenlos

Jetzt konvertieren

oder

Datei hierher ziehen

oder

Wie es funktioniert

Entwickler betten Bilder als Base64 ein, um sich einen separaten Netzwerk-Request zu sparen, und schreiben sie als reinen Text direkt in HTML, CSS-Hintergrundregeln, JSON-Payloads und SVG-Markup. Irgendwann braucht man die echte Datei zurück: um sie in einem Design-Tool zu öffnen, an ein Ticket zu hängen oder als ordentliches Asset zu speichern. Diese Seite nimmt den kodierten String und gibt ein dekodiertes PNG aus. Fügen Sie den Text in das Feld ein (ein roher Base64-Block oder eine vollständige data:image/...;base64,-URI) oder laden Sie eine .txt-Datei mit dem String. Der Decoder trennt den data-URI-Header am ersten Komma ab, sofern vorhanden, wandelt das Base64 wieder in rohe Bytes um, übergibt diese Bytes an den Bild-Decoder des Browsers, zeichnet das Ergebnis auf ein Canvas und kodiert es neu als PNG. Hatte die Quelle einen Alphakanal, bleibt die Transparenz in der Ausgabe unangetastet. Gut zu wissen: Die PNG-Kodierung selbst ist verlustfrei und fügt damit keinerlei Qualitätsverlust hinzu. Das Tool gibt aber genau die Pixel wieder, die die Quelle enthielt. War das Base64 ursprünglich ein JPEG, erhalten Sie ein pixelgenaues PNG eines bereits komprimierten Bildes, nicht die Wiederherstellung von Details, die JPEG längst verworfen hatte. Alles läuft direkt auf der Seite. Dekodierung, Zeichnen und Neukodierung passieren in Ihrem Browser-Tab, sodass ein String mit einem privaten Screenshot oder einem internen Diagramm Ihr Gerät nie verlässt.

Verwandte Konvertierungs-Tools

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

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.

.txt
Jetzt testen

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

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

BMP in PNG umwandeln: Bitmaps verlustfrei verkleinern

Windows-BMP-Bitmaps direkt im Browser in PNG umwandeln. Verlustfrei, ohne Upload. Schrumpft aufgeblähte, unkomprimierte Bitmaps, ohne ein einziges Pixel zu verändern.

.bmp
Jetzt testen

PSD in PNG umwandeln: Photoshop-Dateien im Browser öffnen

Eine Photoshop-PSD ohne Photoshop öffnen. Dieses Tool liest die gespeicherte Composite-Vorschau aus der Datei und exportiert ein flaches PNG mit Transparenz – komplett im Browser.

.psd
Jetzt testen

PNG in SVG umwandeln: Logos & Icons vektorisieren

PNG-Logos, Icons und Strichgrafik im Browser in bearbeitbare SVG-Pfade tracen. Kostenlos, kein Upload, kein Wasserzeichen. Ehrlich zu den Grenzen der Vektorisierung.

.png.jpg +1
Jetzt testen

MehrBASE64

base64 → imagebase64 → jpg

Konvertieren zuPNG

avif → pngbmp → pnggif → pngheic → pngico → 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 (eingefügt oder als .txt-Datei)
output Format PNG (Portable Network Graphics)
compression Type Verlustfreies PNG (DEFLATE); die Dekodierung verursacht keinen weiteren Verlust
quality Retention Pixelgenaue Wiedergabe der dekodierten Quelle; die PNG-Kodierung ist verlustfrei
color Space Support RGB und RGBA mit vollem 8-Bit-Alphakanal
max Resolution Nur durch den Speicher Ihres Geräts begrenzt
processing Time Sofort, läuft in Ihrem Browser

Hauptvorteile

  • Dekodiert sowohl rohes Base64 als auch vollständige data:-URIs ohne manuelles Säubern
  • Erhält die Alpha-Transparenz für Logos und Icons
  • Läuft komplett im Browser, sodass kein String und kein Bild hochgeladen wird
  • Zeigt eine Vorschau, bevor Sie das PNG herunterladen
  • Nimmt einen eingefügten String oder eine .txt-Datei mit dem Base64 an
  • Verlustfreie PNG-Kodierung verschlechtert die dekodierten Pixel nicht

Häufige Anwendungsfälle

  • Ein Inline-Bild aus HTML oder CSS zurück in eine echte PNG-Datei holen
  • Ein als Base64-Spalte in einem Datenbankexport gespeichertes Bild extrahieren
  • Ein inline in einer API- oder JSON-Antwort zurückgegebenes Bild speichern
  • Ein Icon aus einer data-URI in einem SVG- oder HTML-E-Mail-Template wiederherstellen
  • Prüfen, was ein Base64-Block in einem Log oder einer Konfigurationsdatei tatsächlich darstellt
  • Einem Designer ein dekodiertes Quell-PNG übergeben, der das Original-Asset braucht

Profi-Tipps

  • Fügen Sie das vollständige Präfix data:image/...;base64, ruhig mit ein; der Decoder kommt mit beidem zurecht
  • Bei sehr langen Strings lieber eine .txt-Datei laden statt einzufügen, um Editor-Ruckler zu vermeiden
  • Entfernen Sie Zeilenumbrüche oder Leerzeichen, die ein Editor in den String eingefügt hat, vor dem Dekodieren
  • Rechnen Sie mit einer größeren Datei, wenn die Quelle ein JPEG war, da PNG verlustfrei ist
  • Prüfen Sie in der Vorschau, ob die Transparenz erhalten blieb, bevor Sie herunterladen

Häufig gestellte Fragen

Beides. Fügen Sie eine komplette data:image/png;base64,iVBORw0KGgo...-URI genau so ein, wie sie in Ihrem HTML oder CSS steht, oder nur den Payload ohne Header. Der Decoder trennt am ersten Komma und verwirft alles davor, Sie müssen den String also nicht vorher säubern.
Ja. PNG trägt einen vollständigen Alphakanal, und die Canvas-Dekodierung erhält die Transparenz pixelgenau. Ein Logo oder Icon mit transparentem Hintergrund in der Quelle bleibt auch im heruntergeladenen PNG transparent, ohne dass ein weißer Kasten dahinter eingefügt wird.
Es wird trotzdem dekodiert. Der Browser liest das tatsächliche Format der Bytes und kodiert die Pixel neu als PNG. Sie erhalten eine originalgetreue PNG-Kopie dieser Pixel, aber keine Wiederherstellung von Details, die die JPEG-Kompression bereits verworfen hat. Die PNG-Datei ist meist größer, weil PNG verlustfrei ist und JPEG nicht war.
Alles läuft in Ihrem Browser. Der String wird auf Ihrem eigenen Gerät dekodiert, auf ein Canvas gezeichnet und als PNG kodiert. Kein Text, kein Byte und kein Bild wird an einen Server gesendet, was wichtig ist, wenn die kodierten Daten ein privater Screenshot, ein Dokumenten-Scan oder ein internes Asset sind.
Base64 bläht Binärdaten um rund ein Drittel auf, sodass aus einem großen Bild ein sehr langer String wird. Die Grenze ist der verfügbare Speicher Ihres Geräts, kein fester Wert. Wenn ein riesiger Einfügevorgang das Textfeld bremst, ist das Laden desselben Strings aus einer .txt-Datei stabiler.
Meist ist der String abgeschnitten oder enthält Fremdzeichen. Kopieren Sie den gesamten Payload, entfernen Sie Zeilenumbrüche oder Leerzeichen, die ein Editor eingefügt hat, und prüfen Sie, ob er wirklich ein Bild kodiert und nicht andere Binärdaten. Der häufigste Fehler ist ein halb kopierter String, der vor dem Ende der Bilddaten abbricht.
Ja. Liegt Ihr Base64 in einer .txt-Datei, laden Sie diese Datei, und das Tool liest ihren Inhalt und dekodiert ihn genauso wie eingefügten Text. Praktisch für lange Strings, die aus einer Datenbankspalte exportiert oder aus einem API-Response-Log gezogen wurden.