Base64 in Bild – mit Vorschau und bereit zum Download.

Bilder, die in HTML, CSS, JSON oder E-Mails eingebettet sind, kommen meist als data:-URI an: data:image/png;base64,iVBORw0KGgo…. Alles vor dem Komma ist eine Kennzeichnung; das Bild ist das Base64 danach. Sie können beide Formen einfügen. Ist ein Präfix vorhanden, wird es entfernt – der Decoder prüft aber trotzdem die Dateisignatur selbst, sodass ein als image/png gekennzeichnetes Bild, das in Wahrheit ein JPEG ist, korrekt erkannt und gespeichert wird.

Um das Bild anderswo einzubetten, müssen Sie es gar nicht dekodieren: Eine data:-URI lässt sich direkt als <img src> oder in CSS-url() verwenden. Dekodieren lohnt sich, wenn Sie die Datei selbst brauchen – um sie zu bearbeiten, zu untersuchen oder zu prüfen, was eine API tatsächlich zurückgegeben hat.

Weil Base64 dieselben Bytes immer in dieselben Zeichen übersetzt, hat jedes Dateiformat einen erkennbaren Anfang. So sehen Sie schon vor dem Dekodieren, was ein Base64-String enthält:

Ein String, der mit /9j/ beginnt, ist ein JPEG, einer mit iVBORw0KGgo ein PNG – nützlich, wenn eine Logzeile oder eine Datenbankspalte sonst keinen Hinweis liefert.

• Der String ist abgeschnitten. Lange Base64-Werte werden oft von Log-Viewern, Chat-Apps und Tabellenzellen gekürzt (Excel stoppt bei 32.767 Zeichen). Der Header lässt sich dekodieren, die Bilddaten sind aber unvollständig. Kopieren Sie den Wert aus der Originalquelle.
• Es ist kein Bild. Prüfen Sie das Feld Typ unter der Ausgabe. Steht dort PDF, ZIP oder Binärdaten, enthält das Base64 eine andere Dateiart – laden Sie sie herunter.
• Das Format ist nicht darstellbar. Browser können HEIC und TIFF nicht anzeigen; solche Dateien werden korrekt dekodiert, lassen sich aber nicht in der Vorschau zeigen. Laden Sie sie herunter und öffnen Sie sie in einem Bildbetrachter.
• Es wurde doppelt kodiert. Ist die Ausgabe wieder Base64 (oft beginnend mit aVZCT1J3, also „iVBORw“ erneut kodiert), klicken Sie auf In die Eingabe übernehmen und dekodieren Sie ein zweites Mal.

# Python
import base64
with open("image.png", "wb") as f:
    f.write(base64.b64decode(b64_string))

// Node.js
fs.writeFileSync("image.png", Buffer.from(b64String, "base64"));

# Linux / macOS shell
base64 --decode image.b64 > image.png

Entfernen Sie vor dem Dekodieren im Code ein etwaiges data:image/…;base64,-Präfix – die meisten Decoder werten es als ungültige Eingabe. Weitere Sprachen finden Sie in den Codebeispielen zum Base64-Dekodieren.