Bild zu Base64
Lade ein Bild hoch (PNG, JPG, GIF, SVG) und erhalte sofort seine Base64-Darstellung, einsatzbereit für <img src>, CSS-Hintergrund oder Data-URIs. Dekodiert auch eine Base64-Zeichenkette zurück in ein Bild.
Umwandlung
Bild hierher ziehen oder klicken, um es hochzuladen
PNG, JPG, GIF, WebP oder SVG
Ergebnis
So funktioniert: Base64 Bild
- 1Wähle die Richtung: Bild zu Base64 oder Base64 zu Bild.
- 2Ziehe das Bild (PNG, JPG, GIF, WebP oder SVG) hinein oder füge die Base64-Zeichenkette ein.
- 3Kopiere die vollständige Data-URI, nur das Base64 oder lade das Ergebnis herunter.
Wofür ist es gut?
- Kleine Icons ohne zusätzliche Requests in CSS oder HTML einbetten.
- Bilder in E-Mails oder JSON einbinden.
- Sehen, welches Bild eine Base64-Zeichenkette enthält.
Bilder als Base64 (Data-URI)
Wann es sinnvoll ist
Ein Bild als Data-URI einzubetten spart eine HTTP-Anfrage, nützlich für kleine Icons, HTML-Mails oder eigenständige Dateien. Bei großen Bildern ist es kontraproduktiv: Sie werden 33 % größer und nicht separat gecacht.
Format
Es sieht aus wie data:image/png;base64,AAAA…. Der MIME-Typ (image/png, image/jpeg, image/svg+xml) muss zum Inhalt passen, damit der Browser das Bild anzeigt.
Performance
Halten Sie eingebettete Bilder unter wenigen Kilobyte. Für alles andere sind normale Dateien mit Browser-Cache und ggf. WebP oder AVIF besser.
Verwandte Tools
Häufig gestellte Fragen
Verlässt das Bild mein Gerät?+
Nein. Der gesamte Vorgang läuft in deinem Browser, nichts wird auf einen Server hochgeladen.