Data-URI-Konverter

Wandeln Sie eine Datei in einen Base64-Data-URI (data:...;base64,...) um, der sich direkt in HTML oder CSS einbetten lässt, oder dekodieren Sie einen vorhandenen Data-URI zu einer herunterladbaren Datei.

Datei zu Data-URI

Automatisch anhand der gewählten Datei vorausgefüllt.

Data-URI zu Datei

Beispiel:

So funktioniert es

Möchten Sie ein kleines Bild direkt in eine CSS- oder HTML-Datei einbetten, ohne eine zusätzliche Netzwerkanfrage, oder eine Binärdatei in einem JSON-Textfeld übertragen? Ein Data-URI kodiert den Inhalt einer Datei als Base64 in einer in sich geschlossenen Zeichenkette, die sich direkt als Wert eines src- oder background-image-Attributs verwenden lässt. Das Tool konvertiert in beide Richtungen: von der Datei zum Data-URI und vom Data-URI zur herunterladbaren Datei.

Warum ist mein Data-URI viel größer als die ursprüngliche Datei?

Die Base64-Kodierung vergrößert die Datenmenge um etwa 33%, da jede Gruppe von 3 Binär-Bytes durch 4 Textzeichen dargestellt wird. Das ist der notwendige Kompromiss, um Binärdaten in einem reinen Textformat (HTML, CSS, JSON) zu transportieren.

Welchen MIME-Typ muss ich für die Kodierung angeben?

Den MIME-Typ, der zur Datei passt (zum Beispiel image/png, image/jpeg, application/pdf): Er wird in der Regel automatisch anhand der gewählten Datei vorausgefüllt, kann bei Bedarf aber korrigiert werden.

100% lokale Verarbeitung: Kodierung und Dekodierung erfolgen vollständig in Ihrem Browser über WebAssembly – Ihre Datei verlässt niemals Ihr Gerät.