Base64 zu Bild Dekoder
Fügen Sie Ihre Base64-codierte Zeichenfolge ein und zeigen Sie das Bild sofort in der Vorschau an und laden Sie es herunter. Unterstützt PNG, JPEG, GIF, WebP, SVG. 100% Client-seitig — Ihre Daten verlassen niemals Ihren Browser.
So dekodieren Sie Base64 zu Bild
Einfügen
Fügen Sie Ihre Base64-Zeichenfolge in das Textfeld oben ein. Akzeptiert rohe Base64 oder einen vollständigen Data URI mit MIME-Typ-Präfix.
Vorschau
Klicken Sie auf Bild dekodieren, um das dekodierte Bild sofort in der Vorschau anzuzeigen. Format, Dimensionen und Dateigröße werden automatisch erkannt.
Herunterladen
Klicken Sie auf Bild herunterladen, um die Datei auf Ihrem Gerät zu speichern. Die korrekte Dateierweiterung wird automatisch angewendet.
Was ist Base64-Bildcodierung?
Base64 ist ein Binär-zu-Text-Codierungsschema, das binäre Daten in eine Folge von druckbaren ASCII-Zeichen umwandelt. Es verwendet 64 Zeichen — die Buchstaben A–Z, a–z, die Ziffern 0–9 und zwei zusätzliche Symbole (+ und /) — um willkürliche binäre Daten als Klartext darzustellen. Der Name „Base64" kommt vom Alphabet dieser 64 Zeichen.
Wenn ein Bild Base64-codiert wird, werden alle 3 Bytes der ursprünglichen Binärdatei als 4 ASCII-Zeichen dargestellt. Dies bedeutet, dass Base64-codierte Daten ungefähr 33% größer sind als das Original, aber der Kompromiss besteht darin, dass die Daten sicher in textbasierte Formate wie HTML, CSS, JSON, XML und E-Mail-Nachrichten eingebettet werden können.
Ein Base64-codiertes Bild wird häufig im Data-URI-Format eingebunden: data:image/png;base64,iVBORw0KGgo.... Das Präfix gibt den MIME-Typ (image/png, image/jpeg usw.) und die Codierung (base64) an, gefolgt von den tatsächlichen codierten Daten. Dieser Data-URI kann direkt im HTML-<img>-Tag src-Attribut oder in CSS-background-image-Eigenschaften verwendet werden, wodurch das Bild inline eingebettet werden kann, ohne eine separate HTTP-Anfrage zu benötigen.
Häufige Anwendungsfälle
E-Mail-Anhänge (MIME)
E-Mail-Protokolle (SMTP) sind textbasiert und können keine rohen Binärdaten übertragen. Base64-Codierung ist die Standardmethode zum Einbetten von Bildern und Anhängen in E-Mail-Nachrichten über MIME (Multipurpose Internet Mail Extensions). Wenn Sie ein Bild aus einer rohen E-Mail-Quelle extrahieren müssen, stoßen Sie auf Base64-codierte Daten, die dieses Tool dekodieren kann.
CSS-Hintergrundbilder
Kleine Bilder wie Symbole, Logos und UI-Elemente können direkt in CSS als Base64-Data-URIs eingebettet werden. Dies spart zusätzliche HTTP-Anfragen und wird häufig in leistungsoptimierten Stylesheets verwendet. Die Dekodierung dieser Zeichenfolgen ermöglicht es Ihnen, die ursprünglichen Bilddateien zu extrahieren und zu bearbeiten.
Eigenständige HTML-Dokumente
Eigenständige HTML-Dateien — verwendet für Berichte, Dokumentation und Dashboards — betten alle Vermögenswerte als Base64 ein, um ohne externe Abhängigkeiten zu funktionieren. Wenn Sie ein solches Dokument erhalten und ein Bild extrahieren müssen, fügen Sie hier dessen Base64-Zeichenfolge ein, um die ursprüngliche Datei zu erhalten.
API-Antworten und JSON-Nutzlasten
Viele APIs geben Bilder als Base64-codierte Zeichenfolgen in JSON-Antworten zurück. Dies ist häufig bei Dokumentverarbeitungs-APIs, OCR-Diensten, Screenshot-APIs und Bildgenerierungs-Tools der Fall. Die Dekodierung der Antwort ermöglicht es Ihnen, das Bild ohne Code-Schreiben anzuzeigen und zu speichern.
Unterstützte Bildformate
Dieser Dekoder erkennt das Bildformat automatisch aus dem Base64-Datenkopf oder dem Data-URI-MIME-Typ. Die folgenden Formate werden unterstützt:
| Format | Erweiterung | Erkennungsmethode | Hinweise |
|---|---|---|---|
| PNG | .png | Kopf: iVBOR |
Verlustfreie Kompression, Transparenzunterstützung |
| JPEG | .jpg | Kopf: /9j/ |
Verlustbehaftete Kompression, Fotos |
| GIF | .gif | Kopf: R0lGOD |
Animationsunterstützung, 256 Farben |
| WebP | .webp | Kopf: UklGR |
Modernes Format, verlustbehaftet und verlustfrei |
| SVG | .svg | Kopf: PHN2Zy / PD94bW |
Vektorgrafiken, XML-basiert |
| BMP | .bmp | Kopf: Qk0 |
Unkomprimierte Bitmap |
| ICO | .ico | Kopf: AAABAA |
Favicon / Symbolformat |
Häufig gestellte Fragen
iVBORw0KGgo...) oder einen vollständigen Data-URI (z. B. data:image/png;base64,iVBORw0KGgo...) einfügen. Das Präfix wird automatisch entfernt und der MIME-Typ wird zur Formatenerkennung verwendet.