Bild zu Base64

Über dieses Tool

Codieren Sie jedes Bild als Base64-Data-URI, um es direkt in Ihr HTML, CSS oder JSON einzubetten — ohne separate Bilddatei oder zusätzliche HTTP-Anfrage. Oder gehen Sie den umgekehrten Weg und decodieren Sie eine Base64-Zeichenfolge zurück in ein Bild, das Sie ansehen und herunterladen können.

Es funktioniert mit PNG, JPG, GIF, WebP und SVG, liefert die Zeichenfolge mit oder ohne data:image/…;base64,-Präfix und kann sie als fertige CSS-Hintergrund-Regel kopieren. Alles läuft in Ihrem Browser — Ihr Bild wird nie hochgeladen.

Funktionen

• Beide Richtungen — Bild → Base64 und Base64 → Bild
• Mit oder ohne Data-URI-Präfix
• Als CSS kopieren — background-image: url("…")
• Herunterladen des decodierten Bilds
• Privat — Codierung und Decodierung erfolgen auf Ihrem Gerät

So verwenden Sie es

• Bild → Base64 — Bild hochladen, dann die Base64-Zeichenfolge kopieren (Data-URI-Präfix ein- oder ausschalten)
• Base64 → Bild — Modus wechseln, einen Data-URI oder rohes Base64 einfügen, dann Bild ansehen und herunterladen
• Nutzen Sie Als CSS-Hintergrund kopieren, um es direkt in ein Stylesheet einzufügen

Häufig gestellte Fragen

Wann sollte ich ein Bild als Base64 einbetten?

Kleine Icons, Logos und Hintergründe sind gute Kandidaten — das Einbetten spart eine HTTP-Anfrage. Große Bilder lässt man besser als normale Dateien, da Base64 etwa 33 % größer ist als die Originaldaten.

Wird mein Bild hochgeladen?

Nein. Die Umwandlung läuft vollständig in Ihrem Browser.