Data-URI-Generator
Datei (Bild, SVG, Schrift, PDF, Audio) oder SVG-Code in eine Data-URI zum Einbetten in HTML oder CSS umwandeln. Base64 oder kürzere URL-Kodierung für SVG.
So erstellen Sie eine Data-URI
- Datei wählen, ablegen oder einfügen (bis 5 MB). Für SVG-Code oder Text „Text“ wählen und einfügen.
- Dateityp (MIME) und Kodierung prüfen: Base64 geht für jede Datei, URL-Kodierung für SVG und Text (meist kürzer).
- Gewünschte Form wählen: Data-URI, CSS, img-Tag, Favicon oder Download-Link, dann kopieren.
Häufige Fragen
Um eine kleine Datei (Icon, SVG-Logo, Schrift) direkt in HTML oder CSS einzubetten, ohne eigenen Download. Ideal für wenige KB; große Dateien machen die Seite schwer und werden nicht zwischengespeichert.
Für SVG und Text ist die URL-Kodierung meist kürzer als Base64 und bleibt lesbar. PNG, JPG, Schriften und andere Dateien gehen nur mit Base64.
Base64 macht aus je 3 Bytes 4 Zeichen, das sind rund 33 % mehr. Die Größe vorher und nachher steht beim Ergebnis.
Bild zu Base64 ist für Bilder. Dieses Werkzeug nimmt jede Datei sowie eingefügtes SVG oder Text, lässt den Typ ändern und liefert fertigen Code für CSS, Favicon und Download-Link.
Es ist völlig kostenlos und ohne Anmeldung nutzbar.
Ähnliche Tools
Data-URI-DecoderDatei aus Data-URI oder Base64 ansehen, speichernBild zu Base64Bilder mit Base64 in HTML oder CSS einbettenMIME-Typ nachschlagenMIME-Typen nachschlagen, echten Dateityp prüfenSlug-GeneratorTitel in saubere URL-Slugs verwandelnUUID-GeneratorZufällige UUID-Kennungen erzeugenFarbumrechnerZwischen HEX-, RGB- und HSL-Farbcodes umrechnenRegex-TesterRegex testen: Treffer markiert, Gruppen, ErsetzenRegex-GeneratorFertige Regex für E-Mail, Telefon, Datum und mehrRegex-ErklärerJeden Teil einer Regex verstehen