Base64-Zeichenkette in Bild umwandeln

Fügen Sie eine Zeichenkette data:image/...;base64,... oder rohes Base64 ein, und erhalten Sie eine Vorschau des dekodierten, herunterladbaren Bildes — praktisch zum Debuggen oder Anzeigen eines Bildes, das kodiert in einer API-Antwort oder einem Log empfangen wurde.

Beispiel:

So funktioniert es

Haben Sie eine Base64-kodierte Zeichenkette aus einer API-Antwort, einer JSON-Datei oder einem Anwendungslog erhalten und möchten einfach sehen, welchem Bild sie entspricht, ohne Code zu schreiben? Fügen Sie die vollständige Zeichenkette ein (mit oder ohne das Präfix data:image/...;base64,), starten Sie die Dekodierung, und das Bild erscheint direkt als Vorschau, bereit zum Herunterladen.

Muss ich das Präfix „data:image/...“ einfügen oder nur das rohe Base64?

Beides funktioniert. Wenn Ihre Zeichenkette mit data:image/ beginnt, erkennt und ignoriert das Tool automatisch dieses Präfix, um nur den nützlichen Teil zu dekodieren. Wenn Sie nur das rohe Base64 (ohne Präfix) haben, wird es direkt dekodiert.

Die Dekodierung schlägt fehl, was tun?

Prüfen Sie, ob die eingefügte Zeichenkette vollständig ist (nicht beim Kopieren abgeschnitten) und keine versehentlich hinzugefügten Zeichen enthält (Anführungszeichen, Zeilenumbrüche mitten im Inhalt). Eine gültige Base64-Zeichenkette enthält nur Buchstaben, Ziffern und die Zeichen +, / und =.

100% lokale Verarbeitung in Ihrem Browser (WebAssembly) — der eingefügte Inhalt wird niemals an einen Server gesendet.