Entwickler-Tool
SVG-zu-CSS-Hintergrund-Konverter
SVG-Code in CSS background-image mit Data-URIs umwandeln. Wählen Sie zwischen URL-kodiertem oder Base64-Format mit Live-SVG-Vorschau. Perfekt für Inline-Hintergründe ohne zusätzliche HTTP-Anfragen.
100% kostenlos — kein Konto erforderlich
Inline-SVG-Hintergründe
SVGs direkt in Ihr CSS einbetten
Data-URI-Ausgabe
SVG in eine CSS-background-image-Eigenschaft mit Data-URIs umwandeln.
Live-Vorschau
Sehen Sie Ihr SVG live gerendert, während Sie den Code einfügen oder bearbeiten.
URL-kodiert & Base64
Wählen Sie zwischen URL-kodierter (kleiner) oder Base64-Ausgabe (kompatibler).
CSS kopieren
Das generierte CSS-Property kopieren, fertig zum Einfügen in Ihr Stylesheet.
FAQ
Entwickler-Tools
Mehr Entwickler-Werkzeuge
CSS-Gradient-Generator, Pixel-zu-REM-Konverter und mehr.