Bild zu Base64

Wähle ein Bild oder ziehe es hierher und erhalte sein Base64 als Klartext, Data-URI, CSS, HTML oder JSON. Alles läuft in deinem Browser.

Bilddatei

Es wird nichts gespeichert oder an einen Server gesendet.

Das Tool Bild zu Base64 verwandelt eine Bilddatei in eine Textzeichenfolge, die du direkt in deinen Code einbetten kannst. Wähle eine Datei oder ziehe sie auf den Upload-Bereich, dann siehst du eine Vorschau samt Name, Typ, Abmessungen und Größe. Das Ergebnis gibt es in fünf Formaten: Klartext, Data-URI, CSS-Regel mit background-image, HTML-img-Tag und JSON-Objekt. Der Formatwechsel erfolgt sofort und liest die Datei nicht erneut. Unterstützt werden PNG, JPEG, GIF, WebP, BMP, ICO, AVIF und SVG bis 10 MB. Alles läuft in deinem Browser, und das Bild wird nie auf einen Server hochgeladen.

So funktioniert es

  1. Wähle ein Bild über die Auswahl oder ziehe es in den Upload-Bereich.
  2. Prüfe die Vorschau und die Dateidaten.
  3. Wähle das Ausgabeformat: Klartext, Data-URI, CSS, HTML oder JSON.
  4. Klicke auf Kopieren, um das Ergebnis in die Zwischenablage zu legen.

Häufig gestellte Fragen

Welche Bildformate werden unterstützt?
PNG, JPEG, GIF, WebP, BMP, ICO, AVIF und SVG, bis zu 10 MB pro Datei. Der Typ wird am Inhalt erkannt, nicht an der Dateiendung.
Wird mein Bild auf einen Server hochgeladen?
Nein. Die Umwandlung läuft im Browser mit dessen eigenen APIs, und nichts wird gespeichert oder gesendet.
Wann lohnt es sich, ein Bild als Base64 einzubetten?
Bei kleinen Bildern wie Icons spart es eine zusätzliche Anfrage. Base64 ist ein Drittel größer als die Originaldatei und lohnt sich bei großen Bildern nicht.
Wie prüfe ich das Ergebnis?
Füge die Data-URI in den Base64-Bildbetrachter ein, und du siehst dasselbe Bild, das du gewählt hast.

Verwandte Tools