Base64 in Bild umwandeln
Füge Base64-Text oder eine Data-URL ein und erhalte das Bild zurück.
Läuft in deinem Browser. Nichts, was du eingibst, wird irgendwohin gesendet.
- Erkennt den Dateityp
- Funktioniert mit oder ohne Präfix
- Nichts wird hochgeladen
So wandelst du Base64 in ein Bild um
- Füge eine data:image/...-URL oder rohen Base64-Text ein.
- Klicke auf Bild dekodieren.
- Sieh dir die Vorschau an und lade die Datei herunter.
Woher Base64-Bildtext kommt
- Eine aus dem CSS- oder HTML-Quelltext einer Webseite kopierte Data-URL.
- Ein Feld in einer API-Antwort oder einem Datenbankexport, das oft ein Foto als Text statt als Datei speichert.
- Ein Screenshot oder Logo, das in das HTML einer E-Mail eingebettet ist.
- Ein Bild-zu-Base64-Tool, auch das auf dieser Website.
Wie der Dateityp erkannt wird
Beginnt der Text mit einem Präfix data:image/..., wird der Typ direkt daraus gelesen. Eingefügter Text ohne Präfix wird zuerst dekodiert, dann werden die ersten Bytes des Ergebnisses gegen die Signatur jedes Formats geprüft.
| Format | Erkannt an |
|---|---|
| PNG | Bytes 89 50 4E am Anfang |
| JPG | Bytes FF D8 FF am Anfang |
| GIF | Bytes 47 49 46 |
| BMP | Bytes 42 4D |
| WEBP | Ein RIFF-Header mit einem WEBP-Tag |
| ICO | Bytes 00 00 01 00 |
| SVG | Text, der mit svg oder xml beginnt |
Einen Dekodierfehler beheben
- Zeilenumbrüche und Leerzeichen werden automatisch entfernt, aus einem Code-Editor kopierter Text funktioniert also trotzdem.
- Eine abgeschnittene Zeichenkette, bei der ein Teil des Texts beim Kopieren verloren ging, kann nicht dekodiert werden und zeigt einen Fehler.
- Zusätzliche Zeichen außerhalb des Base64-Alphabets oder ein fehlendes abschließendes =-Zeichen verursachen ebenfalls einen Fehler.
Häufige Fragen zu Base64 in Bild
Woher bekomme ich den Base64-Text?
Er stammt meist aus einer Data-URL in HTML oder CSS, einer API-Antwort, einem Datenbankfeld oder einem Bild-zu-Base64-Tool.
Funktioniert das auch ohne das Präfix data:image/...?
Ja. Füge nur die rohen Base64-Zeichen ein, und das Tool erkennt den Bildtyp aus den dekodierten Bytes.
Welche Bildtypen werden erkannt?
PNG, JPG, GIF, WEBP, BMP und ICO werden anhand der eigenen Kopfzeile der Datei erkannt, und SVG wird erkannt, wenn der dekodierte Text mit einem svg- oder xml-Tag beginnt.
Werden meine Daten hochgeladen?
Nein. Das Dekodieren geschieht vollständig in deinem Browser, es wird also nichts irgendwohin gesendet.
Warum bekomme ich „keine gültigen Base64-Bilddaten“?
Im eingefügten Text fehlen Zeichen, er wurde beim Kopieren abgeschnitten, oder er enthält etwas außerhalb des Base64-Alphabets (A bis Z, a bis z, 0 bis 9, Plus, Schrägstrich und = als Auffüllzeichen). Kopiere die vollständige Zeichenkette erneut.
Muss ich Zeilenumbrüche vor dem Einfügen entfernen?
Nein. Zeilenumbrüche und Leerzeichen werden vor dem Dekodieren automatisch entfernt, aus formatiertem Code kopierter Text funktioniert also trotzdem.
Kann ich ein SVG aus Base64 dekodieren?
Ja. Wenn der dekodierte Text mit einem svg- oder xml-Tag beginnt, wird er wie ein SVG behandelt und wie jedes andere Bild als Vorschau angezeigt.
Gibt es ein Größenlimit für den Base64-Text, den ich einfügen kann?
Kein festes Limit. Sehr lange Zeichenketten brauchen für den Browser nur einen Moment länger zum Dekodieren.