0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
Konfiguration
Konvertieren Sie Bilder in Base64, um sie in HTML, CSS oder JSON einzubetten, oder decodieren Sie eine Base64-Zeichenfolge wieder in ein Bild. Unterstützt PNG, JPEG, GIF, WebP, SVG und BMP.
Operation

Ziehen Sie eine Bilddatei an oder klicken Sie, um eine zu wählen

PNG, JPEG, GIF, WebP, SVG, BMP

So funktioniert es

Es wandelt ein Bild in eine Base64-Zeichenkette in Form eines Data-URI um (data:image/…;base64,…), das du direkt in HTML oder CSS einbetten kannst, ohne eine separate Datei oder eine zusätzliche HTTP-Anfrage.

Das Ergebnis nimmt etwa 33 % mehr Platz ein als die Originaldatei, weshalb du es am besten für kleine Bilder reservierst: Icons, Logos, Muster oder Platzhalter.

Im Decodier-Modus akzeptiert es eine Base64-Zeichenkette oder einen vollständigen Data-URI, erkennt den Bildtyp anhand der ersten Bytes und zeigt eine herunterladbare Vorschau.

Beispiele

logo.pngdata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…Das Präfix data:image/png;base64, gibt den Typ an. Jedes codierte PNG beginnt mit iVBORw0KGgo, was seiner Dateisignatur entspricht.
background-image: url("data:image/png;base64,iVBORw0KGgo…");Der Data-URI kann unverändert in einer CSS-Regel verwendet werden, um das Bild ohne externe Datei einzubetten.

Anwendungsfälle

  • Kleine Icons oder Logos über Data-URIs in CSS/HTML einbetten und zusätzliche Anfragen vermeiden.
  • Ein Bild in einem JSON, einer Konfigurationsdatei oder einer Datenbank speichern.
  • Bilder über APIs oder E-Mails (MIME) senden, die nur Text akzeptieren.
  • Ein Bild aus einer Base64-Zeichenkette oder einem Data-URI wiederherstellen und in der Vorschau anzeigen.

Häufige Fragen

Sollte ich alle Bilder in Base64 umwandeln?

Nein. Es erhöht die Größe um etwa 33 % und der Browser kann das Bild nicht separat zwischenspeichern. Es ist ideal für kleine Bilder, aber für große ist eine separate Datei fast immer besser.

Welche Bildformate unterstützt es?

Beim Codieren jedes (PNG, JPEG, GIF, WebP, BMP, SVG). Beim Decodieren erkennt es den Typ automatisch anhand der ersten Bytes der Datei.

Warum ist mein Data-URI so lang?

Weil Base64 je 3 Bytes mit 4 Zeichen darstellt, wächst der Text um etwa 33 % gegenüber dem ursprünglichen Binär. Das ist normal, besonders bei Bildern.

Wird mein Bild auf einen Server hochgeladen?

Nein. Das Bild wird vollständig in deinem Browser gelesen und codiert; es verlässt deinen Computer nie.

Siehe auch