DE

Bild in Base64 umwandeln

Mach aus einem Bild eine Base64-Data-URI, die du in CSS, HTML, JSON oder E-Mail-Vorlagen einfügen kannst. Es geht auch andersherum: Füge Base64 ein, dann siehst du das Bild und kannst es als Datei speichern.

Kostenlos und privat. Alles läuft in deinem Browser, nichts wird hochgeladen.

So funktioniert es

  1. Bild hinzufügenÖffne ein Bild, zieh es in das Eingabefeld oder füge Base64 oder eine Data URI ein.
  2. Ausgabe wählenWähle Data URI, Base64, CSS, HTML oder Markdown. Die Vorschau zeigt das Bild und seine Größe.
  3. Kopieren oder herunterladenKopiere den Code mit einem Klick oder lade das Bild als Datei herunter.

Warum Bilder als Base64 einbetten?

Eine Data URI steckt das Bild direkt in deinen Code, der Browser braucht also keine eigene Anfrage dafür. Das ist praktisch für kleine Icons in CSS, Bilder in HTML-E-Mail-Vorlagen, HTML-Seiten aus einer einzigen Datei und Bilder, die in JSON oder einem Datenbankfeld gespeichert werden.

Base64 macht die Daten etwa ein Drittel größer und eignet sich deshalb am besten für kleine Bilder. Das Tool zeigt die genaue Größe und warnt dich, wenn ein Bild so groß ist, dass es eine Seite bremsen würde.

Code, der sofort passt

Statt den Code von Hand zusammenzubauen, wählst du einfach das Format, das du brauchst. Die Option CSS liefert eine vollständige background-image-Zeile, die Option HTML einen img-Tag mit Breite und Höhe, damit die Seite beim Laden nicht springt, und Markdown einen Bildlink für README-Dateien.

Häufige Fragen

Wird mein Bild hochgeladen?

Nein. Das Bild wird in deinem Browser gelesen und umgewandelt und nie an unsere Server gesendet.

Gibt es eine Größenbeschränkung?

Es gibt kein festes Limit, aber Data URIs über etwa 100 KB machen Seiten und Stylesheets schwer. Für große Bilder ist eine normale Bilddatei die bessere Wahl.

Kann ich auch andere Dateien umwandeln, etwa PDFs oder Schriften?

Ja. Jede Datei wird zu einer Data URI oder zu reinem Base64. Die Optionen CSS, HTML und Markdown gibt es nur für Bilder.

Wie wandle ich Base64 wieder in ein Bild um?

Füge den Base64-Text oder die Data URI in das Eingabefeld ein. Das Bild erscheint sofort, und Herunterladen speichert es mit der richtigen Dateiendung.

Funktioniert es offline?

Ja. Nachdem du die Seite einmal geöffnet hast, funktioniert sie auch ohne Internetverbindung.