Bild in Base64
Wählen Sie ein Bild und erhalten Sie die Base64-Zeichenkette, eine fertige Data-URI, ein <img>-Tag und eine CSS-Hintergrundregel. Im anderen Modus wird aus Base64 wieder ein herunterladbares Bild.
Über dieses Tool
Eine Data-URI bettet die Dateibytes direkt in die Seite ein, sodass ein kleines Icon oder Logo ohne zusätzliche HTTP-Anfrage lädt. Base64 stellt Binärdaten als Text dar und kostet dabei rund 33 % zusätzliche Größe — deshalb eignet sich die Technik nur für kleine Bilder. Alles über wenige Kilobyte ist als normale Datei besser aufgehoben, weil der Browser sie zwischenspeichern kann.
Der Decoder akzeptiert eine vollständige Data-URI ebenso wie eine reine Base64-Zeichenkette und zeigt eine Live-Vorschau. Den MIME-Typ liest er aus dem URI-Präfix und benennt den Download entsprechend. Beide Richtungen laufen vollständig in Ihrem Browser.
Häufige Fragen
- Wann sollte ich Bilder als Base64 einbetten?
- Bei winzigen Assets wie Icons, Zählpixeln oder kleinen Logos in E-Mails — oder wenn eine einzelne, in sich geschlossene HTML-Datei gefordert ist. Größere Bilder bleiben besser eigenständige Dateien.
- Warum ist der Base64-Text größer als meine Datei?
- Base64 stellt je 3 Byte mit 4 Zeichen dar, der Text ist also etwa ein Drittel größer als die Binärdatei.
- Gibt es eine Größenbeschränkung?
- Dateien bis 10 MB werden akzeptiert. Sehr lange Zeichenketten werden in der Vorschau gekürzt, die Kopierschaltfläche kopiert aber immer den vollständigen Text.