Bild zu Base64

Konvertieren Sie jedes Bild sofort in eine Base64-Daten-URI. Kopieren Sie die kodierte Zeichenkette für CSS-Hintergründe, HTML-img-Tags oder direkt in JSON.

PNG · JPG · GIF · SVG · WebPSofortige KodierungKein Upload

① Bilddatei ablegen oder auswählen ② Ausgabeformat wählen (Base64 / Data URL) ③ Kodierten String kopieren

Bild hier ablegenPNG, JPG, GIF, SVG, WebP — oder klicken zum Durchsuchen
So funktioniert es

Die FileReader-API liest Ihre Bilddatei und konvertiert sie in eine Base64-kodierte Daten-URI. Alles läuft im Browser — Ihre Datei verlässt nie Ihr Gerät.

Was ist Base64?

Base64 kodiert binäre Daten als ASCII-Text mit 64 druckbaren Zeichen. Eine Daten-URI kombiniert den MIME-Typ und den Base64-String in einem einzigen einbettbaren String, der mit data: beginnt.

Wann verwenden

Verwenden Sie Base64-Bilder, um HTTP-Anfragen für kleine Icons zu eliminieren, Bilder in CSS einzubetten, Bilder in JSON-APIs zu speichern, oder in E-Mail-HTML, wo externe Bilder blockiert werden.

Bild zu Base64 — wie die Daten-URI-Kodierung funktioniert

Base64-Kodierung konvertiert Binärdaten (wie Bilddateien) in eine Textzeichenkette nur mit ASCII-Zeichen. Ein Data URL (data:image/png;base64,…) bettet die kodierten Daten direkt in HTML oder CSS ein, ohne einen separaten HTTP-Request. Die FileReader API des Browsers generiert den String vollständig clientseitig. Ideal für kleine Icons in <img src="data:...">-Tags oder CSS background-image. Die kodierte Zeichenkette ist etwa 33% größer als die ursprüngliche Binärdatei.

Häufig gestellte Fragen

Base64-Kodierung konvertiert binäre Bilddaten in eine ASCII-Zeichenkette. Eine Daten-URI umhüllt diese Zeichenkette mit einem MIME-Typ-Präfix (z.B. data:image/png;base64,...), damit sie überall dort verwendet werden kann, wo eine URL erwartet wird.
Die FileReader-API des Browsers liest die Datei als Binärpuffer, kodiert dann je 3 Bytes binärer Daten als 4 Base64-Zeichen. Das Ergebnis ist eine eigenständige Zeichenkette mit Dateityp und allen Pixeldaten.
Eine Base64-Zeichenkette sind nur die rohen kodierten Daten. Eine Daten-URI ist die vollständige einbettbare Zeichenkette: data:[MIME-Typ];base64,[Base64-Zeichenkette]. Für HTML oder CSS benötigen Sie die vollständige Daten-URI.
Jedes vom Browser lesbare Bildformat: PNG, JPG, GIF, SVG, WebP, BMP, ICO, AVIF. Der MIME-Typ wird automatisch erkannt.
Base64-kodierte Bilder sind etwa 33% größer als die ursprüngliche Binärdatei. Sie können nicht separat vom Browser zwischengespeichert werden. Base64 eignet sich am besten für Bilder unter 10–20 KB.
In CSS: background-image: url('data:image/png;base64,...'). Die Schaltfläche 'Als CSS-Hintergrund kopieren' formatiert den Wert zum direkten Einfügen.
Nein. Die Konvertierung läuft im Browser über die FileReader-API. Ihre Bilddatei verlässt nie Ihr Gerät und wird nicht auf einen Server hochgeladen.

Unser Netzwerk entdecken