Monu Tools

Bild zu Base64

Wandle ein Bild in einen Base64-Data-URI zum Einbetten in HTML, CSS oder JSON um, komplett im Browser.

Bilder als Base64 einzubetten spart eine Anfrage, erhöht aber die Größe um etwa ein Drittel. Am besten für kleine Icons.

So nutzt du den Bild zu Base64

  1. 01

    Wähle ein Bild von deinem Gerät.

  2. 02

    Kopiere den Data-URI oder das fertige CSS-Snippet.

  3. 03

    Füge es in dein HTML, CSS oder JSON ein.

Häufig gestellte Fragen

Wird mein Bild auf einen Server hochgeladen?

Nein. Das Bild wird komplett im Browser gelesen, es verlässt dein Gerät nicht.

Wann sollte ich einen Data-URI nutzen?

Für kleine Bilder wie Icons, wo das Vermeiden einer zusätzlichen Anfrage den Größenzuwachs wert ist. Für große Bilder ist eine normale Datei besser.

Warum ist das Base64 größer als die Datei?

Die Base64-Kodierung fügt etwa 33 Prozent Overhead hinzu, da sie Binärdaten mit einem begrenzten Textalphabet darstellt.

Über dieses Tool

Ein Bild-zu-Base64-Konverter, der einen Data-URI und ein fertiges CSS-Background-Snippet zum Inline-Einbetten von Bildern erzeugt.

Er läuft lokal im Browser, sodass deine Bilder privat bleiben.

Verwandte Tools

Wir verwenden notwendige Cookies für den Betrieb der Seite. Mit deiner Einwilligung laden wir zusätzlich Google AdSense, das Werbe-Cookies setzt. Siehe unsere Datenschutzerklärung.