Was ist Base64-zu-Bild-Decodierer?

Ein Base64-zu-Bild-Decoder, der base64-kodierte Strings wieder in ansehbare und herunterladbare Bilder umwandelt. Unterstuetzt alle gaengigen Bildformate: PNG, JPEG, GIF, WebP, AVIF, BMP, ICO und SVG.

Einen Base64-String mit oder ohne data-URI-Präfix einfügen — der Decoder erkennt das Format aus den Bytes selbst (PNG, JPEG, GIF, WebP, AVIF, BMP, ICO oder SVG). Neben der Vorschau werden Abmessungen, Größe in Byte, das erkannte Format und die Anzahl der eingegebenen Zeichen angezeigt, damit Sie den Inhalt vor dem Speichern oder Kopieren prüfen können.

Anleitung

  1. Fuegen Sie einen base64-kodierten Bild-String (mit oder ohne Data-URI-Praefix) in das Eingabefeld ein.
  2. Das dekodierte Bild wird sofort mit Angaben zu Abmessungen, Format und Dateigroesse angezeigt.
  3. Laden Sie die dekodierte Bilddatei herunter oder kopieren Sie sie in die Zwischenablage für Ihre Projekte.

Wann verwenden

  • Prüfen, ob ein von einer API zurückgeliefertes Base64-Bild wirklich das erwartete Motiv ergibt.
  • Eine in HTML oder CSS eingebettete data URI auslesen und als echte PNG-Datei speichern.
  • Einen Screenshot, der als Base64-Block in Chat oder Log liegt, wieder in eine öffnungsfähige Bilddatei verwandeln.

Ergebnis

Ein Entwickler erhaelt einen base64-kodierten PNG-Screenshot in einer API-Antwort. Er fuegt den String ein, prüft das Bild visuell und laedt die Datei für seinen Fehlerbericht herunter.

Häufige Fragen

Muss das Präfix data:image/...;base64, in der Eingabe enthalten sein?
Nein. Der Decoder akzeptiert sowohl die blanke Base64-Nutzlast als auch die vollständige data URI. Wird nur der Inhalt eingefügt, schaut er auf die ersten dekodierten Bytes — PNG beginnt mit 89 50 4E 47, JPEG mit FF D8 FF — und wählt das Format automatisch.
Warum erscheint die Meldung «ungültiges Base64», obwohl der Text korrekt aussieht?
Drei stille Stolperfallen kommen immer wieder vor: versteckte Leerzeichen oder als HTML-Entity codierte Zeilenumbrüche, die mitten im Payload landen, typografische Anführungszeichen aus einem Textverarbeitungsprogramm, oder ein data-URI-Präfix, das selbst nochmal in Anführungszeichen gepackt ist. Die URL-safe-Variante (die mit Bindestrich und Unterstrich, wie sie in JWT vorkommt) normalisieren wir inzwischen automatisch, manuelles Umbiegen entfällt also. Löschen Sie alles vor dem ersten Zeichen des eigentlichen Payloads und prüfen Sie, dass Sie reines ASCII kopiert haben — keine geschwungenen Anführungszeichen.
Stellt der Decoder ein PNG mit transparentem Hintergrund korrekt dar?
Ja. Der Vorschaubereich verwendet einen neutralen Hintergrund, damit transparente Pixel transparent bleiben und nicht weiß erscheinen. Die heruntergeladene Datei ist Bit für Bit identisch mit dem Original-PNG, Alphakanal inklusive.
Warum sieht das Vorschaubild unscharf aus im Vergleich zum Original?
Die Vorschau wird in den Container skaliert, das Bild selbst aber in seinen tatsächlichen Pixelmaßen dekodiert; diese stehen im Ergebnis-Panel.
Gibt es eine Längenbegrenzung für den Base64-Text, den ich einfügen kann?
Die Seite verarbeitet Strings bis etwa 25 MB Text, was rund 18 MB binärem Bildinhalt entspricht. Darüber kann das Dekodieren stocken oder am Arbeitsspeicher scheitern — für größere Dateien ist ein spezialisierter Decoder besser.

Ähnliche Tools