Data-URI-Generator

Was ist eine Data-URL?

Der Data-URI-Generator wandelt eine Datei in eine data:-URI um, auch Data-URL genannt. Dabei steht der Dateiinhalt direkt in der Adresse, etwa data:image/png;base64,iVBORw0…. So lassen sich kleine Icons, Logos oder Schriften in HTML, CSS oder E-Mails einbetten, ohne dass der Browser eine zusätzliche Datei laden muss. Der Aufbau ist in RFC 2397 festgelegt: nach data: folgen der MIME-Typ, optional ein Zeichensatz, optional ;base64 und nach dem Komma die Daten.

Für Binärdateien wie PNG, JPEG, WebP oder WOFF2 ist Base64 nötig: Das Werkzeug liest die Datei in Ihrem Browser und kodiert sie, ähnlich wie beim Umwandeln einer Datei in Base64 mit dem Base64-Werkzeug. Den MIME-Typ übernimmt es vom Browser oder aus der Dateiendung, Sie können ihn aber selbst überschreiben. SVG wird standardmäßig nicht als Base64, sondern prozentkodiert eingebettet; das ist meist kürzer und lässt sich noch lesen. Fertige Schnipsel gibt es als data:image-Adresse, als Inline-Bild CSS mit background-image, als HTML-Bild, als Markdown oder als @font-face-Regel. Speziell für Bilder mit Vorschau eignet sich auch Bild in Base64 umwandeln.

Grenzen und Größe: Base64 macht Daten etwa ein Drittel größer, weil je drei Byte als vier Zeichen geschrieben werden. Eingebettete Dateien werden nicht separat gecacht und bei jeder Seite neu übertragen. Data-URIs lohnen sich daher vor allem für Dateien von wenigen Kilobyte. Fügen Sie eine vorhandene data:-URI in das Textfeld ein, dekodiert das Werkzeug sie und bietet den Inhalt als Datei an.