Ein Bild in Base64 umwandeln (und zurück)
Kurze Antwort
Um ein Bild in Base64 umzuwandeln, ziehen Sie es in das Werkzeug „Bild zu Base64“ und kopieren das Ergebnis. Standard ist ein Data-URI, den Sie in HTML oder CSS einfügen können. Für den Rückweg wählen Sie "Base64 to image", fügen den Text ein und laden das Bild herunter.
Schritte
- Öffnen Sie das Werkzeug „Bild zu Base64“ und wählen Sie "Image to Base64".
- Legen Sie das Bild ab. Die Originaldatei wird unverändert kodiert, ein SVG bleibt also ein SVG.
- Wählen Sie das gewünschte Format: ein Data-URI, reines Base64, ein CSS-Hintergrund oder ein HTML-Bild-Tag, und klicken Sie dann auf "Copy".
- Zum Dekodieren wählen Sie "Base64 to image", fügen den Text ein und laden das Bild herunter.
Wann Base64 eine gute Idee ist
Base64 schreibt die Bytes einer Datei als reinen Text, sodass ein kleines Bild ohne separate Datei in einer Webseite, einem Stylesheet oder einer E-Mail stehen kann. Der Text ist etwa ein Drittel länger als die Datei.
Es eignet sich für kleine Bilder wie Icons und Logos. Bei einem großen Foto wird der Text sehr lang, und eine normale Bilddatei lädt schneller, daher warnt das Werkzeug oberhalb von 100 KB.
Base64 wieder einfügen
Sie können einen vollständigen Data-URI oder nur die Base64-Zeichen einfügen. Das Werkzeug liest den Bildtyp (PNG, JPG, GIF, WebP, BMP, AVIF, SVG oder ICO) aus den Daten selbst und vertraut darauf mehr als auf eine falsche Angabe.
Wurde der Text beim Kopieren abgeschnitten oder ist er kein Bild, erhalten Sie eine klare Meldung dazu statt eines defekten Downloads.
Häufige Fragen
Was ist ein Data-URI?
Eine Möglichkeit, eine Datei in eine Webadresse zu packen. Er beginnt mit data:, dem Dateityp und ;base64, gefolgt vom Base64-Text.
Warum ist der Base64-Text größer als die Datei?
Base64 verwendet vier Textzeichen für je drei Bytes, daher ist der Text etwa 33 Prozent länger.
Wird mein Bild hochgeladen?
Nein. Kodieren und Dekodieren geschehen in Ihrem Browser.
Verfasst von Basic App Company. Zuletzt am 12. November 2026 mit dem Werkzeug abgeglichen. Das Werkzeug läuft in Ihrem Browser, Ihre Bilder werden also nicht hochgeladen.