Was ist XML? Ein praktischer SVG-Workflow mit Best Practices
Lernen Sie XML und SVG mit einem praxistauglichen Workflow für Validierung, Sanitizing, Optimierung, Minifizierung und Export.
SVG-Blog lesenBereinigen Sie SVG-Dateien vor dem Einbetten in Apps oder Dokumente. Ideal für Sicherheitsüberprüfungen und sichere Lieferung. Öffnen Sie SVG-Dateien online und beginnen Sie sofort mit der Verarbeitung.
SVG-Datei per Drag-and-drop hinzufügen
oder klicken, um zu suchen, oder SVG-Code einfügen
Der Sanitizer entfernt <script>-Tags und Inline-JavaScript, um versteckte Verhaltensweisen zu verhindern. Dies hält nicht vertrauenswürdige Dateien sicher für Dashboards, Dokumente und öffentliche Seiten und reduziert das Risiko unerwarteter Weiterleitungen.
Er entfernt on*-Attribute und eingebettete Handler, die Aktionen auslösen können. Dies reduziert die Angriffsfläche, wenn SVGs über Tools hinweg geteilt oder in CMS-Inhalte eingebettet werden. Es verhindert auch, dass Hover- oder Klickverhalten unbeabsichtigt in die Produktion gelangen.
SVG Sanitizer entfernt unsichere externe Referenzen und Remote-Ressourcen. Die Ausgabe bleibt eigenständig, was für Offline-Nutzung, interne Netzwerke und vorhersehbare Builds wichtig ist. Dies vermeidet unerwartete Tracking-Aufrufe oder externe Abhängigkeiten in der Produktion.
Vorschau des bereinigten Ergebnisses, damit Sie die Grafik nach der Bereinigung überprüfen können. Dies hilft Ihnen, vor dem Export keine visuellen Regressionen zu bestätigen und fehlende Symbole frühzeitig zu erkennen. Vergrößern Sie Striche und Verläufe, um zu bestätigen, dass das endgültige Erscheinungsbild dem Original entspricht. Testen Sie auf hellen und dunklen Hintergründen, um Transparenz und Kontrast zu überprüfen.
SVG Sanitizer läuft in Ihrem Browser, daher werden Dateien niemals hochgeladen. Es ist ein einfacher Sicherheitsschritt für Client-Assets, interne Markenbibliotheken und NDA-Projekte.
SVG Sanitizer ist in Sekunden ohne Einrichtung fertig. Verwenden Sie es als schnelle Preflight-Prüfung vor dem Veröffentlichen oder Einreichen von Dateien zur Überprüfung. Es ist ein praktischer Schritt in Sicherheitschecklisten zusammen mit Linting und Asset-Überprüfung.
Ziehen Sie eine Datei per Drag & Drop oder fügen Sie Markup ein, um zu beginnen. Das Tool lädt die Quelle lokal und bereitet eine Vorschau zur Überprüfung vor, sodass Sie die Datei vor dem Export bestätigen können. Dies ist nützlich, wenn Assets von mehreren Anbietern oder freigegebenen Laufwerken stammen. Öffnen Sie SVG-Dateien online und beginnen Sie sofort mit der Verarbeitung.
Führen Sie SVG Sanitizer aus, um automatisch Skripte, Ereignishandler und unsichere Referenzen zu entfernen. Überprüfen Sie die Ausgabe, um die erwarteten visuellen Elemente zu bestätigen und nach fehlenden Elementen zu suchen.
Kopieren oder laden Sie die bereinigte Datei herunter. SVG Sanitizer behält Dateinamen bei, sodass das Ersetzen von Assets in Ihrem Repository einfach ist und die Versionsgeschichte klar bleibt.
Verwenden Sie diesen Sanitizer mit diesen Tools, um Ihre Assets zu bereinigen, zu optimieren und zu überprüfen. Kombinieren Sie sie für einen complete Preflight-Workflow.
Entfernen Sie Metadaten und Editor-Reste nach SVG Sanitizer, um den Markup sauber und lesbar zu halten.
Tool öffnenKomprimieren Sie SVGs nach SVG Sanitizer, um die Größe für die Produktionslieferung und schnelleres Laden zu reduzieren.
Tool öffnenVorschau bereinigter SVGs mit Zoom und Metadateninspektion vor Veröffentlichung und Übergabe.
Tool öffnenVerschönern Sie SVG Sanitizer Ausgabe für Lesbarkeit und Code-Reviews in Ihrem Repo.
Tool öffnenLesen Sie praktische Beiträge zu SVG-Workflows, Fehlerbehebung und Produktion.
Lernen Sie XML und SVG mit einem praxistauglichen Workflow für Validierung, Sanitizing, Optimierung, Minifizierung und Export.
SVG-Blog lesenLernen Sie, SVG Data URIs wieder in bearbeitbare SVG-Dateien umzuwandeln, Base64 und URL-Encoding zu erkennen und Sicherheitsfehler zu vermeiden.
SVG-Blog lesenWarum Base64-SVG in HTML oder CSS fehlschlägt und wie SVGView das Problem mit Validierung, Sanitizing sowie Base64- und URL-Encoding löst.
SVG-Blog lesen