Bild zu Base64
Wandeln Sie PNG-, JPG-, GIF-, WebP- oder SVG-Bilder in Base64-Data-URIs um, bereit zum Einfügen in HTML oder CSS.
100 % privat — alles läuft in Ihrem Browser
So funktioniert's
- 1
Legen Sie ein Bild ab oder klicken Sie, um eines vom Gerät auszuwählen.
- 2
Die Base64-Data-URI wird sofort erzeugt, zusammen mit img-Tag- und CSS-Snippets.
- 3
Kopieren Sie das passende Snippet oder laden Sie die Data-URI als Textdatei herunter.
Beispiele
Kleines Icon
Eingabe
logo.png · 12 KBAusgabe
data:image/png;base64,iVBORw0… (~16 KB Text)Inline-CSS
Eingabe
background.png · 4 KBAusgabe
background-image: url("data:image/png;base64,…");Häufige Fragen
Warum ist die Base64-Version größer?
Base64 kodiert je 3 Bytes als 4 Zeichen, der Text ist also rund 33 % größer als die Binärdatei. Gzip-Komprimierung gleicht das meist wieder aus.
Wann sollte ich ein Bild einbetten?
Bei kleinen Icons, Logos und UI-Grafiken von wenigen KB, wenn das Einsparen einer HTTP-Anfrage wichtiger ist als das zusätzliche Gewicht.
Wird mein Bild hochgeladen?
Nein. Die Datei wird mit der FileReader-API des Browsers gelesen und verlässt Ihr Gerät nicht.