Diese Seite wurde mit KI übersetzt und noch nicht von Muttersprachlern geprüft. Englische Version lesen

Datei zu Data-URI

Mit Data-URIs betten Sie eine kleine Datei direkt in CSS oder HTML ein und sparen bei winzigen Icons eine Anfrage. Sie sind etwa 33 % größer als das Original und lassen sich nicht separat cachen; dieses Tool warnt daher, wenn eine Datei zum Einbetten zu groß ist. SVGs können auch als URL-maskierter Text kodiert werden, was oft kleiner als Base64 ist.

Datei auswählen oder hier ablegenBis zu 2 MB. Kleine Dateien (unter 10 KB) eignen sich am besten.
0Original
0Data-URI
0Overhead

Läuft vollständig in Ihrem Browser. Ihre Eingaben und Dateien werden auf keinen Server hochgeladen.

So funktioniert’s

  1. Wählen Sie eine kleine Datei (idealerweise unter 10 KB).
  2. Wählen Sie Base64 oder bei SVG URL-kodierten Text.
  3. Kopieren Sie die Data-URI oder einen fertigen CSS/HTML-Schnipsel.

Beispiele

CSS-Hintergrund

background-image: url("data:image/svg+xml,…") für ein 600-Byte-Icon.

E-Mail-Signatur

Manche E-Mail-Programme blockieren Data-URIs – testen Sie, bevor Sie sich darauf verlassen.

Datenschutz

Läuft vollständig in Ihrem Browser. Ihre Eingaben und Dateien werden auf keinen Server hochgeladen. In der Datenschutzerklärung steht, was in Ihrem Browser gespeichert wird (nur Favoriten und Verlauf). Datenschutzerklärung

Prüfen Sie es selbst: Öffnen Sie die Entwicklertools des Browsers, wählen Sie den Tab Netzwerk (Network) und nutzen Sie das Tool. Ihre Datei erscheint in keiner Upload-Anfrage. Sobald diese Seite für die Offline-Nutzung gespeichert ist, können Sie auch die Internetverbindung trennen und weiterarbeiten. Werbung und anonyme Besuchsstatistiken senden, wenn aktiviert, eigene Anfragen, erhalten aber nie Ihre Dateien oder Texte.

Häufige Fragen

Wann sollte ich keine Data-URI verwenden?

Bei Dateien über etwa 10 KB, bei Bildern, die auf vielen Seiten verwendet werden (eine normale Datei wird einmal gecacht), und bei allem, was sich oft ändert.

Wird die Datei hochgeladen?

Nein. Sie wird in Ihrem Browser gelesen und kodiert.

Ähnliche Tools

Alle: Datei-Tools
Base64-Encoder / -DecoderKodieren Sie Text oder Dateien in Base64 und dekodieren Sie Base64 zurück in Text oder eine herunterladbare Datei.
SVG-Vorschau und -OptimiererZeigen Sie SVG-Dateien sicher an und verkleinern Sie sie durch Entfernen von Kommentaren, Editor-Metadaten und Leerraum, optional mit Zahlenrundung.
Favicon-GeneratorErzeugen Sie aus einem Bild oder einem Buchstaben ein komplettes Favicon-Set: favicon.ico, PNGs von 16–512 px, Apple-Touch-Icon, Web-Manifest und HTML-Tags in einer ZIP-Datei.
CSV-BereinigerBereinigen Sie CSV-Dateien im Browser: Zellen trimmen, leere und doppelte Zeilen entfernen, Trennzeichen ändern und die Tabelle vor dem Download prüfen.

Tools durchsuchen