Was ist eine Daten-URL?

Eine Daten-URL ist ein Schema, das verwendet wird, um Daten inline in Dokumente einzubetten, formatiert als `data:[mediatype][;base64],data`. Sie wird häufig für kleine Symbole oder CSS-Assets verwendet, um externe Abhängigkeiten zu reduzieren.

Sind meine Dateien sicher?

Ja. Die Kodierung und Dekodierung erfolgen vollständig im Speicher Ihres Browsers. Es werden keine Dateidaten an unsere Server gesendet oder dauerhaft gespeichert.

Wann sollte ich Data-URLs vermeiden?

Base64-Kodierung erhöht die Dateigröße um ca. 33 % im Vergleich zu Binärdateien. Große Dateien sollten als separate Assets gehalten werden, um das Laden der Seite nicht zu verlangsamen und Browser-Caching zu ermöglichen.

Wie verwende ich die Ausgabe in CSS?

Kopieren Sie die generierte Zeichenfolge und fügen Sie sie in eine `url()`-Funktion ein, z. B. `background-image: url('data:image/png;base64,...');`. Dies bettet das Bild direkt in Ihr Stylesheet ein.

Encoder & Krypto

Data-URL-Konverter

Kostenloser Data-URL-Konverter. Kodieren Sie eine beliebige Datei als Base64-Data-URL für die Inline-Einbettung oder dekodieren Sie eine Data-URL zurück in eine Datei. Browserbasiert, kein Upload.

Runs in your browser

Encode a file

Pick a file

Data URL

Anmerkung der Redaktion

Understanding · Files, smuggled into a string.

Dieses ausführliche Kapitel ist derzeit nur auf Englisch verfügbar. Das Konvertierungstool oben funktioniert in Ihrer Sprache; der lange Erklärtext wurde noch nicht übersetzt.

Häufig gestellte Fragen

Quick answers.

›What is a Data URL?

A Data URL is a scheme used to embed data in-line in documents, formatted as `data:[mediatype][;base64],data`. It is commonly used for small icons or CSS assets to reduce external dependencies.

›Are my files secure?

Yes. The encoding and decoding happen entirely within your browser's memory. No file data is sent to our servers or stored permanently.

›When should I avoid Data URLs?

Base64 encoding increases file size by approximately 33% compared to binary files. Large files should be kept as separate assets to avoid slowing down page renders and to allow for browser caching.

›How do I use the output in CSS?

Copy the generated string and paste it into a `url()` function, such as `background-image: url('data:image/png;base64,...');`. This embeds the image directly within your stylesheet.

Andere suchten auch nach

Use with

What people reach for next.

Base64 Encode / Decode
Decode the data URL's payload for inspection.

Verwandte Tools

More in this room.

Alle anzeigen in Encoder & Krypto