SVG-zu-CSS- und Daten-URI-Tools SVG-zu-CSS- und Daten-URI-Tools

SVG zu CSS, Maske und Daten-URI online

Fügen Sie SVG ein oder laden Sie eine Datei, um Markup sicher zu bereinigen, Skripte zu entfernen und einen kompakten Daten-URI vorzubereiten.

Das Tool überprüft viewBox, Abmessungen, aktuelle Farbe, Füllung und Strich und generiert dann fertige CSS-Snippets für Hintergrundbild, Maske und Inline-Einbettung.

Das Tool läuft direkt im Browser und ist für schnelle Prüfungen ohne Softwareinstallation geeignet.
Die Eingabe kann sofort geleert und neu berechnet werden, was bei wiederkehrenden kleinen Aufgaben praktisch ist.
Nutzen Sie den Vollbildmodus, wenn mehr Platz für langen Text, strukturierte Daten oder große Ergebnisse nötig ist.
Kopierbuttons helfen, Ergebnisse direkt in Code, Dokumente oder Support-Chats zu übernehmen.
Die meisten Operationen sind deterministisch: gleiche Eingaben und Einstellungen liefern das gleiche Ergebnis.
Bei sensiblen Inhalten sind lokale Browser-Tools praktisch, prüfen Sie das Ergebnis dennoch vor dem Teilen.

Unterstützte Formate

Dieses Tool akzeptiert diese Formate. Seltene Container und moderne Webformate können vor der Verarbeitung auf dem Server normalisiert oder konvertiert werden.

SVG
SVG

Beschädigte Dateien oder ungewöhnliche Codecs können trotz unterstützter Erweiterung fehlschlagen.