Was ist eine Data-URI?

Eine Data-URI ist ein Schema, mit dem Mediendateien direkt als Inline-Daten in Webdokumente wie HTML oder CSS eingebettet werden können, meist mittels Base64-Kodierung.

Welche Dateitypen werden unterstützt?

Das Tool unterstützt alle gängigen Formate, darunter Bilder (PNG, SVG, WebP), Schriftarten (WOFF2, TTF), Audio- und Videodateien sowie Text- und PDF-Dokumente.

Gibt es eine Dateigrößenbeschränkung?

Ja, die maximale Dateigröße für den Upload beträgt 10 MB.

Wann sollte ich die URL-Kodierung anstelle von Base64 verwenden?

Die URL-Kodierung (Prozent-Kodierung) eignet sich besonders für SVG-Dateien, da sie im Klartext lesbar bleiben und im Vergleich zu Base64 oft weniger Speicherplatz beanspruchen.

Kann ich den MIME-Typ manuell anpassen?

Ja, Sie können das Feld für den MIME-Typ nutzen, um den automatisch erkannten Typ bei Bedarf manuell zu überschreiben.

Elysia Tools

Mobile Navigation

Development

Data-URI-Generator

Konvertiert Dateien in Data URIs (Base64 oder prozent-kodiert), um Bilder, Schriftarten und Ressourcen direkt in HTML, CSS oder Markdown einzubetten

Ausführung

Dieses Tool ausführen

Fülle das Formular aus, starte das Tool und prüfe das Ergebnis an einem Ort.

Eingaben

Fülle die erforderlichen Felder aus und starte das Tool.

4 Optionen

DateienQuelldateien für diesen Workflow hochladen.1

DateifilePflicht

Maximale Größe pro Datei: 10 MBUnterstützte Typen: image/png, image/jpeg, image/gif, image/webp, image/avif, image/bmp, image/svg+xml, image/x-icon, image/tiff, audio/mpeg, audio/wav, audio/ogg, audio/flac, video/mp4, video/webm, font/woff, font/woff2, font/ttf, font/otf, application/pdf, text/css, text/javascript, text/plain, text/html, application/json, application/xml, */*

InhaltHaupteingaben einfügen oder eingeben.1

MIME-TyptextOptionales Feld

EinstellungenFormate, Bereiche, Zahlen und Modi anpassen.2

KodierungselectOptionales FeldAusgabeformatselectOptionales Feld

Ergebnis

Bereit zum Start

Nach dem Ausführen erscheinen hier Dateien, Text, strukturierte Daten oder Stream-Ausgaben.

Beispiele

Beispiele zu diesem Tool

Verwandt

Data-URI-Generator

Dieses Tool ausführen

Eingaben

Ergebnis

Beispiele zu diesem Tool

Mit verwandten Tools und Themen fortfahren

Eingaben

Ergebnis

Erfahren Sie, wann dieses Tool passt, was es unterstützt und wie Nutzer es anwenden.

Wichtige Fakten

Überblick

Wann verwenden

So funktioniert es

Anwendungsfälle

Beispiele

1. SVG-Icon direkt in CSS einbetten

2. Schriftart in Stylesheet integrieren

FAQ

Web TypeScript Bildverarbeitungsbeispiele

Web Rust Bildverarbeitungsbeispiele

PDF-Beispiele

WebRTC Echtzeitkommunikation Beispiele

Bildsequenz zu Video

PDF Kontaktbogen

Storyboard-Bogen PDF

Wasserzeichen-Opazität-Tool

Tools fur Audio-Encoding und Formatkonvertierung

Tools fur Bildformat-Konvertierung und animierten Export

Tools fur JSON-Austausch und Format-Ubersetzung

Textfall-, Encoding- und Normalisierungs-Konvertierungs-Tools