SVG Bereinigung

Entfernen Sie Unordnung und halten Sie das SVG-Markup sauber und lesbar. Nützlich vor der Optimierung, Konvertierung oder dem Ein committen in ein Repo. Ö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

Nur .svg-Dateien
SVG-Code mit Ctrl+V / Cmd+V einfügen

Warum unser SVG-Bereinigungstool verwenden?

Metadaten entfernen

SVG-Bereinigung entfernt Metadatenblöcke, desc-Notizen und Generatortags, die Gewicht hinzufügen, aber keinen visuellen Wert haben. Es bewahrt bedeutende Barrierefreiheitstexte, wenn vorhanden, sodass Screenreader weiterhin Kontext haben.

Sauberes Markup

SVG-Bereinigung hält die Struktur lesbar mit weniger leeren Gruppen und weniger Kommentaren. Die bereinigte Ausgabe ist einfacher in git zu vergleichen, im Code zu überprüfen und über Releases hinweg zu warten.

Kleinere Dateien

SVG-Bereinigung trimmt Bytes vor der Optimierung, damit SVGO weniger zu verarbeiten hat. Dieser Schritt hilft Icon-Sprites und Inline-Assets, schneller auf echten Seiten zu laden.

Editor-Bereinigung

SVG-Bereinigung entfernt Editor-spezifische Attribute wie data-name oder inkscape-Labels, während Sie referenzierte IDs beibehalten. Das hält CSS-Hooks und JS-Selektoren stabil.

Sichere Verarbeitung

Die Verarbeitung erfolgt in Ihrem Browser, sodass Dateien nie hochgeladen werden. Dies ist ideal für Client-Assets, NDA-Arbeit und interne Markenbibliotheken.

Bereit für Optimierung

Führen Sie die SVG-Bereinigung vor der Minimierung oder Optimierung aus, um vorhersehbarere Ergebnisse zu erzielen. Der zusätzliche Rauschen ist entfernt, sodass spätere Tools sich auf strukturelle Einsparungen konzentrieren können.

So bereinigen Sie ein SVG

1

SVG hochladen

Ziehen Sie eine Datei oder fügen Sie Markup ein, um die SVG-Bereinigung zu starten. Das Tool liest Ihr SVG lokal aus und bereitet eine bereinigte Ansicht vor, sodass Sie zuerst das Original überprüfen können. Öffnen Sie SVG-Dateien online und beginnen Sie sofort mit der Verarbeitung.

2

Metadaten bereinigen

Starten Sie den SVG-Bereinigungslauf, um Metadaten, Kommentare und Editor-Reste zu entfernen. Vergleichen Sie die Größe und überprüfen Sie das bereinigte Markup, um zu bestätigen, dass sich visuell nichts geändert hat.

3

SVG exportieren

Laden Sie die bereinigte Datei herunter oder kopieren Sie das neue Markup. Dateinamen bleiben intakt, was den Austausch in Ihrem Repo unkompliziert macht.

SVG-Bereinigung FAQ

Was entfernt SVG-Bereinigung aus meinen Dateien?
SVG-Bereinigung entfernt Metadatenblöcke, Kommentare, Generatortags und ungenutzte Attribute, die das Rendering nicht beeinflussen. Es löscht keine Pfade oder Formen. Wenn Ihr SVG Barrierefreiheits-Labels wie title oder aria enthält, behält SVG-Bereinigung sie bei, es sei denn, sie sind leer oder dupliziert. Bewahren Sie für Team-Workflows ein unberührtes Original auf, damit Sie Diffs während des Reviews vergleichen, Änderungen verfolgen und bei Bedarf schnell zurückrollen können. Das Entfernen von Metadaten reduziert auch das versehentliche Offenlegen von Autorennamen oder Tool-Versionen in öffentlichen Assets.
Wird SVG-Bereinigung das Aussehen des SVG ändern?
SVG-Bereinigung konzentriert sich auf nicht-visuelles Markup, daher sollte die gerenderte Ausgabe gleich aussehen. Wenn eine Datei jedoch nur auf Editor-Attribute oder ungewöhnliche Metadaten angewiesen ist, führen Sie SVG-Bereinigung aus und previewen Sie vor dem Shipping. Ein schneller Vergleich hilft, Randfälle zu erkennen. Wenn das SVG Filter, Masken oder eingebettete Schriften verwendet, previewen Sie in Zielbrowsern und bestätigen Sie, dass die gerenderte Ausgabe vor dem Release unverändert ist.
Sollte ich SVGs nach der Bereinigung optimieren?
Ja. SVG-Bereinigung ist ein erster Durchgang; Optimierung und Minimierung können die Größe weiter reduzieren. Wenn Sie zuerst SVG-Bereinigung ausführen, geben Sie SVGO eine einfachere Datei, was bessere Ergebnisse und weniger Warnungen erzeugen kann. Wenn Sie später manuelle Änderungen vornehmen, kann ein zweiter SVG-Bereinigungslauf neue Kommentare oder von Editoren eingeführte Metadaten entfernen.
Behält Bereinigung IDs und viewBox?
SVG-Bereinigung bewahrt wesentliche Attribute wie viewBox, width, height und IDs, die Sie in CSS oder Skripten verwenden. Wenn eine ID leer oder dupliziert ist, kann SVG-Bereinigung sie entfernen, um Konflikte zu vermeiden. Überprüfen Sie die Ausgabe, wenn Sie sich auf benutzerdefinierte IDs verlassen. Wenn SVG-Bereinigung eine ID entfernt, die Sie noch benötigen, fügen Sie sie hinzu und führen Sie das Tool erneut aus, und dokumentieren Sie dann erforderliche IDs für Ihr Team.
Wird mein SVG auf einen Server hochgeladen?
Nein. SVG-Bereinigung läuft vollständig in Ihrem Browser und lädt die Datei nie hoch. Dieser lokale SVG-Bereinigungsworkflow ist sicher für sensible Logos, unveröffentlichte Icons oder Kundenarbeit. Sie können es auch offline oder hinter einer Firewall verwenden, da keine Netzwerkaufrufe erforderlich sind, sobald die Seite geladen ist.
Entfernt es Barrierefreiheits-Labels?
Wenn Labels bedeutsam sind, bleiben sie. Leere oder duplizierte Labels können entfernt werden, um Rauschen zu reduzieren. Sie können ein title oder aria-label nach der Bereinigung hinzufügen, wenn Ihr Team ein bestimmtes Format erfordert. Für strengere Barrierefreiheitsregeln fügen Sie ein kurzes title und aria-label nach der Bereinigung hinzu und verifizieren Sie mit einem Screenreader in Ihrem Zielbrowser. Wenn Ihre Organisation WCAG folgt, fügen Sie role und aria-labelledby hinzu und validieren Sie mit einem Barrierefreiheits-Audit-Tool.
Kann ich nach dem Bereinigen formatieren?
Ja. Formatierung kann das bereinigte Markup einfacher lesbar machen. Führen Sie die Formatierung nach dem Bereinigungslauf aus, um Einrückungen undAttributreihenfolge zu standardisieren. Teams führen oft Formatierung in CI aus, um den Stil über Repos konsistent zu halten und laute Diffs in Pull Requests zu vermeiden. Wenn Sie SVGs in einem Komponenten-Repo speichern, beschleunigt ein konsistentes Format Reviews und reduziert Merge-Konflikte.
Ist SVG-Bereinigung kostenlos ohne Download?
Ja. SVG-Bereinigung ist kostenlos in Ihrem Browser nutzbar. Keine Downloads oder Installation erforderlich.
Benötige ich ein Konto, um SVG-Bereinigung zu nutzen?
Nein. SVG-Bereinigung funktioniert sofort im Browser ohne Anmeldung, und Dateien bleiben lokal.