CSS-Data-URI-Konverter
Füge ein Stylesheet ein, wähle eine Datei oder gib die URL einer entfernten CSS-Datei ein. Der Konverter findet jeden url(...)-Verweis, lädt die Ressourcen unterhalb deines Größenlimits herunter und ersetzt sie durch Base64-Data-URIs.
| Ressource | Größe | Ergebnis |
|---|
Wann das Einbetten von CSS-Bildern hilft
Jedes externe Bild kostet einen Request. Bei kleinen Icons entfällt dieser Request, wenn du sie als Base64-Data-URIs einbettest, und es gibt kein Flackern. Ab ein paar Kilobyte überwiegen der Größenzuwachs von 33 % und das verlorene Caching den Nutzen – deshalb hat der Konverter ein Größenlimit. Liefere das Ergebnis mit gzip oder Brotli aus, um den Großteil des Base64-Overheads zurückzugewinnen.
Häufige Fragen
Sollte ich jedes CSS-Bild einbetten?
Nein. Bette nur kleine Icons und Hintergründe ein. Große Bilder blähen das CSS auf, blockieren das Rendering und lassen sich nicht separat cachen.
Kommentare (0)
Fragen, Ideen oder ein Fehler in „CSS-Data-URI-Konverter“? Schreib einen Kommentar, bewerte das Tool oder antworte anderen.
Noch keine Kommentare. Teile als Erste(r) dein Feedback!