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.
Läuft vollständig in Ihrem Browser. Ihre Eingaben und Dateien werden auf keinen Server hochgeladen.
So funktioniert’s
- Wählen Sie eine kleine Datei (idealerweise unter 10 KB).
- Wählen Sie Base64 oder bei SVG URL-kodierten Text.
- Kopieren Sie die Data-URI oder einen fertigen CSS/HTML-Schnipsel.
Beispiele
background-image: url("data:image/svg+xml,…") für ein 600-Byte-Icon.
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.