Bild in Base64 umwandeln: Data-URL, CSS und HTML-Code

So verwenden Sie es

Klicken Sie auf Datei auswählen und wählen Sie das Bild, oder legen Sie es auf das Feld. Der Base64-Text erscheint darunter.
Kopieren Sie die Data-URL, den Base64-Text, die CSS-Regel für den Hintergrund oder den HTML-Bild-Tag mit der Schaltfläche Kopieren daneben.
Für den umgekehrten Weg fügen Sie Base64-Text oder eine Data-URL in das Feld unter Base64-Text oder Data-URL ein und klicken auf Bild anzeigen.
Klicken Sie auf Bild herunterladen, um es mit dem Typ und der Endung zu speichern, die es hat.

Was Base64 ist

Base64 schreibt beliebige Bytes mit 64 sicheren Buchstaben und Ziffern (RFC 4648). Je drei Bytes werden zu vier Zeichen, deshalb ist der Text etwa ein Drittel größer als die Datei. Base64 komprimiert und verbirgt nichts: Jeder kann es wieder lesen.

Was eine Data-URL ist

Eine Data-URL (RFC 2397) legt eine Datei in die Adresse selbst: data:, dann den Bildtyp, dann ;base64, und den Base64-Text. Ein Browser zeigt sie in einem Bild-Tag oder als CSS-Hintergrund an, ohne den Server nach einer Datei zu fragen. Sie passt zu kleinen Bildern und Symbolen; ein großes Bild macht die Seite schwer.

Ihr Bild bleibt auf Ihrem Gerät

Die Datei wird in Ihrem Browser gelesen und in Text umgewandelt, ein eingefügter Text wird dort ebenfalls gelesen. Nichts wird hochgeladen. Der Typ eines eingefügten Bildes wird aus seinen ersten Bytes erkannt, sodass eine falsche Angabe das Werkzeug nicht täuscht.

Beispiel: ein kleines Symbol

Ein PNG-Symbol mit 3.000 Byte wird zu etwa 4.000 Zeichen Base64-Text, ein Drittel größer als die Datei. Die Data-URL fügt davor die 22 Zeichen data:image/png;base64, hinzu.

Häufig gestellte Fragen

Wird mein Bild hochgeladen, wenn ich es umwandle?

Nein. Die Datei wird in Ihrem Browser auf Ihrem eigenen Gerät gelesen und in Base64-Text umgewandelt. Sie können das prüfen, indem Sie die Internetverbindung trennen, nachdem die Seite geladen ist, und ein Bild umwandeln.

Warum ist der Base64-Text größer als meine Datei?

Base64 schreibt jeweils drei Bytes der Datei mit vier Zeichen, deshalb ist der Text etwa 33 % größer. Es ist nur eine andere Schreibweise für dieselben Bytes.

Wann sollte ich eine Data-URL verwenden?

Data-URLs passen zu kleinen Bildern wie Symbolen, Platzhaltern und kleinen Logos, weil sie keine eigene Anfrage an den Server brauchen. Bei großen Fotos laden Sie die Datei hoch und verlinken darauf, da Base64 die Seite schwerer macht und nicht eigenständig zwischengespeichert werden kann.

Kann ich eine Data-URL von einer Webseite einfügen?

Ja. Fügen Sie die ganze Data-URL ein, die mit data: beginnt, oder nur den Base64-Teil nach dem Komma. Der Bildtyp wird aus den Bytes erkannt, deshalb spielt eine falsche Angabe im Kopf keine Rolle.

Warum zeigt das Werkzeug einen sehr langen Text nicht an?

Ein Textfeld kann bei Millionen von Zeichen langsam werden, deshalb wird Base64-Text, der länger als 2 Millionen Zeichen ist, nicht angezeigt. Verwenden Sie die Schaltfläche zum Herunterladen, um ihn als Textdatei zu speichern.

Ist Base64 ein Weg, ein Bild zu verbergen oder zu schützen?

Nein. Base64 ist eine Kodierung, keine Verschlüsselung. Wer den Text hat, kann ihn in einem Schritt wieder in dasselbe Bild zurückverwandeln, deshalb sollten Sie sich nicht darauf verlassen, ein Bild privat zu halten.

Quellen

Zahlen und Text zuletzt geprüft: Dienstag, 10. November 2026.