Base64 zu Bild

Neu

Base64-String dekodieren und das Bild anzeigen oder herunterladen

Entwickler-Tools

Verwendung von Base64 zu Bild

  1. 1Füge deine Base64-Zeichenfolge in das Eingabefeld ein
  2. 2Die Bildvorschau erscheint automatisch
  3. 3Klicke auf Herunterladen, um das Bild zu speichern
  4. 4Klicken Sie auf Herunterladen zum Speichern

Über Base64 zu Bild

Base64 zu Bild dekodiert Base64-kodierte Bildstrings zurück in anzeigbare, herunterladbare Bilddateien. Fügen Sie eine vollständige Daten-URL oder den rohen Base64-Teil ein, und das Tool erkennt das Format, zeigt eine Vorschau und ermöglicht den Download.

Hauptfunktionen von Base64 zu Bild

  • Akzeptiert vollständige Daten-URLs und rohe Base64-Strings
  • Automatische Bildformaterkennung aus dem MIME-Typ
  • Sofortige Bildvorschau im Browser nach dem Einfügen
  • Einmaliger Download der dekodierten Bilddatei
  • Unterstützt PNG, JPG, WEBP, GIF, SVG und alle browserfähigen Formate
  • Kein Datei-Upload — reines Text-Input im Browser dekodiert
  • Funktioniert offline — kein Server nach dem Laden erforderlich
  • Klare Fehlermeldung bei ungültigem Base64

Unterstützte Formate

Eingabeformate

Base64-Daten-URL-StringRoher Base64-kodierter String

Ausgabeformate

PNGJPGWEBPGIFSVG

Das Ausgabeformat wird durch den MIME-Typ im Daten-URL-Präfix bestimmt.

Beispiele

Bild aus API-Antwort extrahieren

Kopieren Sie den Base64-Wert aus der JSON-Antwort, fügen Sie ihn ein und laden Sie das Bild herunter.

Eingabe

JSON-Feld: "thumbnail": "data:image/png;base64,iVBOR..."

Ausgabe

Heruntergeladene PNG-Miniaturansicht

Base64 im HTML-Quellcode debuggen

Fügen Sie den Base64-Teil aus dem HTML src-Attribut ein, um das eingebettete Bild zu sehen.

Eingabe

Roher Base64-String aus einem img src-Attribut

Ausgabe

Visuelle Vorschau des eingebetteten Bildes

Bild aus einer Konfigurationsdatei wiederherstellen

Fügen Sie den gespeicherten Base64-String ein, um das ursprüngliche Logo-Bild zu dekodieren und herunterzuladen.

Eingabe

Base64-kodiertes Logo aus einer App-Konfiguration

Ausgabe

Heruntergeladenes Logo-PNG zur Wiederverwendung

Typische Anwendungsfälle

  • Bilder aus API-Antwort-Payloads vorschauen und herunterladen
  • Eingebettete Bilder aus HTML-Quellcode oder JSON-Konfigurationsdateien extrahieren
  • Bilddateien aus Base64-Strings in Log-Dateien wiederherstellen
  • Bildkodierungs-Pipelines durch visuelle Überprüfung der Ausgabe debuggen
  • Daten-URIs aus CSS-Dateien zurück in eigenständige Bilder konvertieren
  • In exportierten Datenbankeinträgen eingebettete Bilder extrahieren

Fehlerbehebung

Einfügen des Strings erzeugt keine Bildvorschau

Lösung

Stellen Sie sicher, dass der String mit "data:image/" für einen vollständigen Daten-URI beginnt, oder ein gültiger reiner Base64-String ohne zusätzliche Leerzeichen ist.

Dekodiertes Bild erscheint beschädigt

Lösung

Der Base64-String könnte unvollständig sein oder Kodierungsfehler enthalten. Überprüfen Sie, ob der vollständige String ohne Abschneidung kopiert wurde.

Tool weist den Eingabe-String ab

Lösung

Entfernen Sie das "data:image/png;base64,"-Präfix, wenn es zweimal erscheint, oder entfernen Sie umgebende Anführungszeichen.

Häufig gestellte Fragen

Muss ich den Daten-URL-Präfix angeben?

Nein. Sie können nur den rohen Base64-String einfügen und das Tool verarbeitet ihn. Der Präfix data:image/...;base64, ist optional.

Welche Formate werden unterstützt?

PNG, JPG, WEBP, GIF, SVG und alle Formate, die der Browser nativ anzeigen kann.

Was tun, wenn die Vorschau ein beschädigtes Bild zeigt?

Prüfen Sie, ob der Base64-String vollständig ist und keine extra Leerzeichen oder Zeilenumbrüche enthält.

Kann ich direkt eine vollständige Daten-URL einfügen?

Ja. Fügen Sie den vollständigen String einschließlich des Präfixes data:image/...;base64, ein.

Gibt es eine Längenbeschränkung für die Base64-Eingabe?

Keine feste Grenze. Die praktische Grenze ist der Browserspeicher. Bilder bis 10 MB werden zuverlässig dekodiert.

Wie unterscheidet sich dieses Tool von Bild zu Base64?

Bild zu Base64 konvertiert eine Bilddatei in einen Base64-String. Base64 zu Bild macht das Gegenteil.

Was tun, wenn die Bildvorschau leer ist?

Prüfen Sie auf ungültige Zeichen. Base64-Strings dürfen keine Leerzeichen oder Zeilenumbrüche enthalten.

Kann ich eine URL statt eines Base64-Strings einfügen?

Nein. Dieses Tool akzeptiert nur Base64-Strings oder Data-URIs.