Base64-in-Bild-Konverter
Eine Base64-Zeichenkette oder einen Data-URI im Browser zurück in ein Bild dekodieren. Vorschau, Abmessungen & MIME ablesen, dann als PNG, JPG, GIF, SVG herunterladen. Kein Upload.
Bild hierher ziehen, einfügen oder zum Durchsuchen klicken
PNG · JPG · GIF · WebP · SVG · ICO · BMP — vollständig in Ihrem Browser konvertiert
Was ist die Base64-in-Bild-Dekodierung?
Die Base64-in-Bild-Dekodierung ist die Umkehrung der Kodierung: Sie nimmt eine Zeichenkette druckbarer ASCII-Zeichen aus dem Base64-Alphabet (A–Z, a–z, 0–9, + und /) und rekonstruiert das ursprüngliche Binärbild, das die Zeichenkette repräsentiert. Jede Gruppe von vier Base64-Zeichen wird auf drei Bytes zurückabgebildet, und ein oder zwei abschließende =-Zeichen kennzeichnen das Padding. Das Ergebnis ist exakt die Datei, die ursprünglich kodiert wurde — ein PNG kommt als PNG zurück, ein JPEG als JPEG — ohne Verlust, erneute Komprimierung oder Größenänderung.
Diese Zeichenketten tauchen überall dort auf, wo ein Bild als Text inline eingebettet wurde. Ein Data-URI in einem Stylesheet (background-image: url(data:image/png;base64,…)), ein img-src in HTML, ein Thumbnail-Feld in einer JSON-API-Antwort, ein eingebettetes Logo in einer HTML-E-Mail oder ein in eine Konfigurationsdatei gebündeltes Asset sind alle Base64-Bilder, die darauf warten, dekodiert zu werden. Wenn Sie ein solches Asset debuggen, prüfen oder extrahieren, müssen Sie sehen, was die undurchsichtige Zeichenkette tatsächlich ist, und es als echte Datei herausziehen — genau das tut dieser Dekodierer.
Der Vorgang ist rein mechanisch und erfordert keinen Schlüssel, denn Base64 ist eine Kodierung, keine Verschlüsselung. Das bedeutet auch, dass es keine Sicherheit bietet: Jeder mit der Zeichenkette kann das Bild sofort wiederherstellen. Base64 existiert ausschließlich, um Binärdaten durch für Text ausgelegte Kanäle — HTML, JSON, URLs, E-Mail-Header — passieren zu lassen, ohne von Steuerzeichen oder Trennzeichen beschädigt zu werden. Das Dekodieren macht diese textsichere Verpackung einfach rückgängig und gibt Ihnen die Originalbytes zurück.
Dieses Tool führt die gesamte Dekodierung lokal in Ihrem Browser durch. Es toleriert die Unordnung realer Zeichenketten — fehlende data:-Präfixe, Zeilenumbruch bei 76 Zeichen, verirrten Leerraum aus Copy-and-paste — und leitet das Bildformat aus den Magic Bytes der Daten ab, wenn der MIME-Typ nicht deklariert ist. Um diese Zeichenketten überhaupt erst zu erzeugen, siehe den passenden Bild-in-Base64-Encoder.
// A Base64 PNG payload (no prefix) iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg== // The decoder infers the format from the leading bytes: // iVBORw0KGgo → PNG // /9j/ → JPEG // R0lGOD → GIF // UklGR → WebP // PHN2Zy → SVG (<svg) // Reconstructed as a real file, downloadable as image.png // (1 × 1 transparent PNG, 68 bytes — lossless round trip)
Hauptfunktionen
Präfix-optionale Eingabe
Fügen Sie einen vollständigen Data-URI oder nur die nackte Base64-Nutzlast ein — der Dekodierer verarbeitet beides. Wenn kein data:-Präfix vorhanden ist, leitet er den MIME-Typ aus den Magic Bytes des Bildes ab, sodass Vorschau und Download trotzdem korrekt sind.
Sofortige lokale Vorschau
Das dekodierte Bild wird sofort vor einem Schachbretthintergrund gerendert, sodass transparente PNGs und Grafiken mit teilweiser Transparenz klar sichtbar sind. Alles geschieht in Ihrem Browser mit null Netzwerkanfragen.
Abmessungen, MIME & Größe ablesen
Über die Vorschau hinaus meldet das Tool die dekodierten Pixelabmessungen, den erkannten MIME-Typ und die rekonstruierte Byte-Größe — genug, um zu überprüfen, dass Sie das richtige Asset dekodiert haben, bevor Sie es herunterladen.
Leerraum-tolerante Dekodierung
Zeichenketten, die gemäß RFC 2045 bei 76 Zeichen umgebrochen oder mit verirrten Leerzeichen und Zeilenumbrüchen kopiert wurden, werden automatisch bereinigt. Der Dekodierer entfernt vor dem Dekodieren jeglichen Leerraum, sodass reales Copy-and-paste einfach funktioniert.
Verlustfreier Download
Der Download baut die exakten Originalbytes wieder auf und speichert sie mit der passenden Endung — .png, .jpg, .gif, .webp, .svg, .ico, .bmp. Keine erneute Komprimierung oder Konvertierung: Die Datei ist identisch mit der, die kodiert wurde.
Integrierter Encoder
Der Bild-→-Base64-Tab kehrt die Richtung um: Legen Sie ein Bild ab, fügen Sie es ein oder suchen Sie danach und erhalten Sie Base64-, Data-URI-, HTML-, CSS-, Markdown- und JSON-Ausgabe samt Größenmetriken und Inlining-Hinweisen — ein vollständiger Roundtrip in einem Tool.
Beispiele
Einen PNG-Data-URI dekodieren
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==
1 × 1 PNG, transparent — Vorschau gerendert, herunterladbar als .png
Fügen Sie einen vollständigen Data-URI ein, und das Tool rendert das Bild sofort, liest seine echten Abmessungen und den MIME-Typ und lässt Sie die rekonstruierte Datei herunterladen.
Rohes Base64 ohne Präfix
/9j/4AAQSkZJRgABAQEAYABgAAD…
JPEG anhand der Magic Bytes erkannt — Vorschau + Download als .jpg
Kein data:-Präfix? Kein Problem. Der Dekodierer untersucht die führenden Zeichen, erkennt die JPEG-Signatur (/9j/) und baut für Sie einen korrekten Data-URI, sodass das Bild trotzdem gerendert wird.
Zerstückeltes (zeilenumgebrochenes) Base64
iVBORw0KGgoAAAANS UhEUgAAAAEAAAAB CAYAAAA…
Leerraum automatisch entfernt — gültiges PNG dekodiert
Zeichenketten, die bei 76 Zeichen umgebrochen sind (RFC 2045) oder mit verirrten Zeilenumbrüchen kopiert wurden, werden automatisch bereinigt: Der Dekodierer entfernt vor dem Dekodieren jeglichen Leerraum.
So wandeln Sie Base64 in ein Bild um
- 1
Base64-Zeichenkette einfügen
Fügen Sie einen vollständigen Data-URI oder nur die rohe Base64-Nutzlast ein. Der Dekodierer entfernt Leerraum und Zeilenumbrüche automatisch und akzeptiert Eingaben mit oder ohne data:-Präfix.
- 2
Vorschau und Metadaten prüfen
Das Bild wird sofort vor einem Schachbrett gerendert, sodass Transparenz sichtbar ist. Das Tool zeigt die dekodierten Abmessungen, den MIME-Typ und die Byte-Größe an — wobei es das Format aus den Magic Bytes ableitet, wenn kein Präfix vorhanden ist.
- 3
Bild herunterladen
Klicken Sie auf „Herunterladen“, um die rekonstruierte Datei mit der richtigen Endung zu speichern. Das Dekodieren ist verlustfrei, sodass das Ergebnis Byte für Byte identisch mit dem ursprünglich kodierten Bild ist.
Häufige Stolperfallen
Abgeschnittene Zeichenkette (verlorenes Padding)
Base64-Bildzeichenketten enden mit null, einem oder zwei =-Zeichen. Eine Kopie, die zu früh aufhört — das Padding oder die letzten paar Zeichen weglässt —, kann nicht dekodiert werden und zeigt einen Fehler. Kopieren Sie den gesamten Wert erneut, um es zu beheben.
…WjR9awAAAABJRU5ErkJggg // missing trailing == — fails to decode
…WjR9awAAAABJRU5ErkJggg== // complete with padding — decodes cleanly
Nicht-Bilddaten einfügen
Base64 kann beliebige Bytes kodieren, nicht nur Bilder. Wenn Sie ein kodiertes PDF, ZIP oder reinen Text einfügen, dekodiert die Zeichenkette zwar, wird aber nicht als Bild gerendert. Das Tool meldet, dass die Daten keine gültigen Bilddaten sind. Bestätigen Sie, dass die Quelle wirklich ein Bild ist, bevor Sie dekodieren.
JVBERi0xLjcN… // this is a Base64 PDF (%PDF header), not an image
iVBORw0KGgo… // this is a Base64 PNG — renders correctly
Den umschließenden Code mitkopieren
Beim Kopieren aus CSS oder HTML ist es leicht, die umgebende Syntax — url("…"), src="…" oder Anführungszeichen — zusammen mit dem Data-URI zu erwischen. Verirrte Wrapper-Zeichen können das Dekodieren zerstören. Kopieren Sie nur den data:…;base64,…-Wert (oder die nackte Nutzlast), nicht den Code drumherum.
url("data:image/png;base64,iVBORw0KGgo…")
// the url(" and ") are not part of the data data:image/png;base64,iVBORw0KGgo… // just the data URI
Doppelt kodierte oder URL-kodierte Zeichenketten
Gelegentlich ist ein Data-URI URL-kodiert (%2B statt +, %2F statt /) oder in eine weitere Kodierungsschicht verpackt. Dekodieren Sie diese Schicht zuerst. Unser URL-Dekodierer kehrt die Prozentkodierung um, sodass Ihnen sauberes Base64 zum Einfügen hier bleibt.
data:image/png;base64,iVBORw0KGgo%2B%2F… // %2B / %2F are URL-encoded + and /
data:image/png;base64,iVBORw0KGgo+/… // URL-decode first, then decode the image
Häufige Anwendungsfälle
- Ein Asset aus einem Data-URI extrahieren
- Ein in einem Stylesheet oder HTML als Data-URI eingebettetes Bild gefunden und brauchen die echte Datei? Fügen Sie die Zeichenkette ein, bestätigen Sie die Vorschau und laden Sie das ursprüngliche PNG, JPG oder SVG herunter — kein Hosten oder Neuerstellen nötig.
- Ein API-Antwort-Thumbnail inspizieren
- Eine API hat ein Base64-Bildfeld zurückgegeben und Sie möchten sehen, was es ist. Fügen Sie die Nutzlast ein, um es sofort zu rendern, seine echten Abmessungen und seinen Typ abzulesen und es zur genaueren Untersuchung oder für Bug-Reports zu speichern.
- Ein defektes Inline-Bild debuggen
- Ein eingebettetes Bild wird auf Ihrer Seite nicht gerendert. Legen Sie sein Base64 hier ab: Wenn die Vorschau korrekt erscheint, sind die Daten gültig und das Problem liegt in Ihrem Markup oder MIME-Typ; schlägt es fehl, ist die Zeichenkette selbst abgeschnitten oder beschädigt.
- Ein Bild aus einer Konfigurations- oder Theme-Datei wiederherstellen
- Build-Tools und Theme-Bundles betten Icons und Logos oft als Base64 ein. Dekodieren Sie die Zeichenkette, um das Asset als normale Datei herauszuziehen, die Sie bearbeiten, neu exportieren oder anderswo wiederverwenden können.
- Eine Build-Tool-Ausgabe überprüfen
- Ein Bundler oder Skript hat einen Data-URI erzeugt, und Sie möchten vor der Auslieferung bestätigen, dass er gültig und korrekt ist. Ihn hier zu dekodieren ist die schnellste visuelle Kontrolle, dass der Kodierungsschritt das erwartete Bild erzeugt hat.
- Base64 zurück in eine teilbare Datei umwandeln
- Jemand hat Ihnen ein Bild als Base64-Blob in einem Chat oder Dokument geschickt. Fügen Sie es ein, sehen Sie sich die Vorschau an und laden Sie eine echte Datei herunter, die Sie öffnen, anhängen oder normal hochladen können.
Technische Details
- Wie das Dekodieren funktioniert
- Das browsereigene atob wandelt die Base64-Nutzlast in eine Binärzeichenkette um, die das Tool Byte für Byte in ein Uint8Array kopiert. Dieses typisierte Array wird in einen Blob mit dem erkannten MIME-Typ verpackt, und eine Object-URL verweist Vorschau und Download-Link darauf. Jede Gruppe von vier Base64-Zeichen ergibt drei Bytes; abschließendes =-Padding markiert den Rest von einem oder zwei Bytes. Der Vorgang ist exakt und verlustfrei — die rekonstruierten Bytes stimmen genau mit der Originaldatei überein.
- Magic-Byte-Formaterkennung
- Wenn die Eingabe kein data:-Präfix hat, um einen MIME-Typ zu deklarieren, identifiziert der Dekodierer das Format anhand der ersten paar Base64-Zeichen, die die Signaturbytes der Datei kodieren. iVBORw0KGgo dekodiert zum PNG-Header, /9j/ zum JPEG-SOI-Marker, R0lGOD zu GIF, UklGR zum RIFF/WebP-Container, PHN2Zy und PD94bWw zu SVGs
- Kein Netzwerk, kein Speichern
- Dekodieren, Vorschau und Download sind alle lokal. Es gibt kein fetch, kein XMLHttpRequest und keinen Server-Roundtrip — die einzige Netzwerkaktivität, die die Seite je ausführt, ist das Laden ihrer selbst. Eingefügte Zeichenketten werden für die Lebensdauer der Seite im Speicher gehalten und verworfen, wenn Sie sie schließen oder neu laden. Das macht das Tool sicher für vertrauliche Bilder und offline nutzbar.
Best Practices
- Die gesamte Zeichenkette einschließlich Padding kopieren
- Eine Base64-Bildzeichenkette muss vollständig sein, um dekodiert zu werden. Stellen Sie sicher, dass Sie jedes Zeichen kopieren, besonders das abschließende = oder ==-Padding — ein Wert, der mitten in der Zeichenkette endet, schlägt fehl. Wenn das Dekodieren fehlschlägt, ist das erneute Auswählen und Kopieren der vollständigen Zeichenkette das Erste, was Sie versuchen sollten.
- Der Magic-Byte-Erkennung bei präfixlosen Zeichenketten vertrauen
- Wenn Sie nur die rohe Nutzlast haben, fügen Sie sie unverändert ein — es ist nicht nötig, ein data:-Präfix von Hand zu bauen. Der Dekodierer leitet das Format aus den führenden Bytes ab und weist den korrekten MIME-Typ und die richtige Endung zu. Fügen Sie ein Präfix nur dann manuell hinzu, wenn Sie den erkannten Typ ausdrücklich überschreiben müssen.
- Abmessungen vor dem Download überprüfen
- Nutzen Sie die gemeldeten Pixelabmessungen und den MIME-Typ als Plausibilitätsprüfung, dass Sie das beabsichtigte Asset dekodiert haben — besonders wenn Sie eine Zeichenkette aus einer Datei mit mehreren herausziehen. Ein 1×1-Ergebnis bedeutet zum Beispiel meist, dass Sie einen Tracking-Pixel statt des gewünschten Bildes erwischt haben.
- Bedenken, dass Base64 nicht sicher ist
- Das Dekodieren erfordert keinen Schlüssel, verlassen Sie sich also niemals auf Base64, um Bildinhalt zu verbergen. Wenn Sie eine Zeichenkette in der Erwartung erhalten haben, sie sei geschützt, ist sie es nicht — jeder kann sie hier in Sekunden dekodieren. Echter Schutz erfordert Verschlüsselung und Zugriffskontrolle, keine Kodierung.
- Roundtrips beim erneuten Kodieren sind verlustfrei
- Dasselbe Bild zu dekodieren und dann erneut zu kodieren ist verlustfrei, sodass Sie es zum Testen einer Pipeline gefahrlos über beide Tabs durchschleifen können. Wenn Sie das Asset verkleinern müssen, komprimieren Sie die dekodierte Datei mit unserem Bildkomprimierer, bevor Sie sie zu einem kleineren Data-URI neu kodieren.
Häufig gestellte Fragen
Was macht dieser Base64-in-Bild-Konverter?
Werden meine Base64-Daten irgendwohin hochgeladen?
Muss ich das data:-Präfix einschließen?
Welche Bildformate kann es dekodieren?
Warum lässt sich meine Base64-Zeichenkette nicht dekodieren?
Wie speichere ich das dekodierte Bild als PNG oder JPG?
Ist das Dekodieren von Base64 dasselbe wie das Entschlüsseln?
Kann es sehr lange Base64-Zeichenketten verarbeiten?
Woher kommen diese Base64-Bildzeichenketten?
Geht beim Dekodieren Qualität verloren?
Verwandte Werkzeuge
Alle Werkzeuge anzeigen →Base64-Dekodierer & -Kodierer
Kodierung & Formatierung
Base64 online kostenlos dekodieren und kodieren. Echtzeitkonvertierung mit voller UTF-8- und Emoji-Unterstützung. 100 % privat — läuft in Ihrem Browser. Keine Anmeldung nötig.
CSV-zu-JSON-Konverter
Kodierung & Formatierung
CSV im Browser nach JSON konvertieren. RFC 4180, Typinferenz, Kopfzeile, Big-Int-sicher. 100 % privat, kein Upload.
Bild-in-Base64-Konverter
Kodierung & Formatierung
Bilder im Browser in Base64-Data-URIs umwandeln — PNG, JPG, GIF, WebP, SVG, ICO. HTML-, CSS-, Markdown- und JSON-Ausgabe kopieren. 100 % privat, kein Upload.
JSON Diff Vergleich
Kodierung & Formatierung
Zwei JSON-Dateien direkt im Browser vergleichen. Nebeneinander-Hervorhebung, RFC 6902 JSON Patch-Ausgabe, störende Felder wie Zeitstempel und IDs ignorieren. 100 % privat, kein Upload.
JSON-Formatierer & Validator
Kodierung & Formatierung
JSON sofort im Browser formatieren, validieren und verschönern. Kostenloses Online-Tool mit Syntaxprüfung, Fehlererkennung, Minifizierung und Ein-Klick-Kopie. 100 % privat.
JSON-Schema-Validator
Kodierung & Formatierung
JSON gegen ein JSON Schema sofort im Browser validieren. Unterstützt Draft 2020-12, 2019-09 und Draft-07 mit pfadgenauen Fehlermeldungen. 100 % privat — kein Upload, kein Konto, kostenlos.