Data-URI-Generator
Data-URIs aus Text oder Dateien zum Einbetten in HTML und CSS generieren
Anwendungsbeispiele
CSS-Hintergrund
background-image: url(data:image/png;base64,...); HTML-Bild
<img src="data:image/png;base64,..." alt="embedded" /> HTML-Stylesheet
<link href="data:text/css;base64,..." rel="stylesheet" /> Ctrl+Enter zum AusführenCtrl+Shift+C zum Kopieren
Mehr erfahren
Data-URI-Generator: Dateien inline als Base64 einbetten
Mit Data-URIs bettest du Dateiinhalte direkt in URLs ein. Erfahre, wann Inline-Kodierung die Performance verbessert und wie du sie erstellst.
Was sind Data-URIs?
Ein Data-URI (Uniform Resource Identifier) ist ein Schema, mit dem Sie Dateiinhalte direkt in einer URL-Zeichenkette einbetten können, anstatt auf eine externe Datei zu verweisen. Data-URIs sind in RFC 2397 definiert und kodieren den Inhalt inline im Format data:[mediatype][;base64],data. Dadurch entfällt eine separate HTTP-Anfrage zum Abrufen der Ressource.
5 Min. LesezeitVollständigen Ratgeber lesen