Optimiere und komprimiere SVG-Dateien lokal durch Entfernen unnötiger Metadaten mit Live-Vorschau.
SVG-Datei hier ablegen
Oder klicken, um Dateien zu durchsuchen
Originalgröße:
0 B
Optimierte Größe:
0 B
Optimiere und komprimiere SVG-Dateien lokal durch Entfernen unnötiger Metadaten mit Live-Vorschau. Geeignet für Alltag, Entwicklung, Lernen und schnelle Prüfungen.
Dieses Tool läuft im Browser. Prüfe vor sensiblen Daten, ob du deinem Gerät und Browser vertraust.
Aus Illustrator, Inkscape, Figma oder Sketch exportierte SVGs enthalten oft vieles, was Browser nie benötigen: XML-Deklarationen, DOCTYPEs, Editor-Kommentare, metadata-Blöcke und Namensraum-Attribute wie sodipodi oder inkscape, die nur das Ursprungsprogramm versteht. Bei einem einzelnen Icon sind das vielleicht ein paar Kilobyte, doch bei Dutzenden Icons auf einer Website oder direkt ins HTML eingebetteten SVGs bremst der Ballast das Laden und macht den Code unübersichtlich.
Das Tool bietet fünf einzeln schaltbare Bereinigungsoptionen: Kommentare entfernen; XML-Deklaration und DOCTYPE entfernen; metadata und editorspezifische Elemente wie sodipodi und inkscape entfernen; Editor-Attribute und ungenutzte Namespace-Deklarationen entfernen; Leerraum zwischen Tags und mehrfache Leerzeichen zusammenfassen. Danach zeigt es Original- und optimierte Vorschau nebeneinander sowie Dateigrößen und die prozentuale Ersparnis, sodass du das Ergebnis prüfen kannst, bevor du den Code kopierst oder eine neue .svg-Datei herunterlädst.
Das Tool bereinigt bewusst zurückhaltend: Es schreibt keine Pfaddaten um, rundet keine Koordinaten und führt keine Formen zusammen, das Aussehen bleibt also praktisch gleich; dafür fällt die Ersparnis meist kleiner aus als bei Tools wie SVGO, die Pfade neu schreiben. Namespace-Deklarationen werden nur entfernt, wenn sie ungenutzt sind: Enthält die Datei noch xlink:href, bleibt xmlns:xlink erhalten, und eine eigenständige .svg-Datei wird weiterhin korrekt angezeigt. Die Leerraum-Komprimierung lässt den Inhalt von <text> (einschließlich enthaltener <tspan>), <style> und <script> unverändert und behält xml:space="preserve" bei, sodass Textabstände und CSS gleich bleiben. Da die Verarbeitung auf regulären Ausdrücken beruht, vergleiche bei ungewöhnlichem Markup die Vorschauen, bevor du das Ergebnis verwendest.
Die gesamte Verarbeitung erfolgt im Browser, Dateien werden nie hochgeladen. Brauchst du die Grafik an einem Ort ohne Vektorunterstützung, etwa auf manchen sozialen Plattformen oder in Office-Dokumenten, wandle sie mit unserem Bildkonverter in PNG um.
In der Regel nicht. Entfernt werden nur Kommentare, Metadaten und Leerraum; Pfade und Koordinaten bleiben unverändert. Vergleiche trotzdem die Vorschauen.
Ja. Entfernt werden nur ungenutzte Namespace-Deklarationen; ist xlink:href vorhanden, bleibt xmlns:xlink erhalten, und jedes verbleibende Element oder Attribut mit Präfix behält seine Deklaration.
SVGO schreibt Pfade und Zahlengenauigkeit um und spart mehr, birgt aber mehr Risiko. Dieses Tool bereinigt konservativ und ist für das Aussehen am sichersten.
Nein. Die Optimierung erfolgt vollständig im Browser.
Kategorie ansehen: Design & Farben
Gestalte lineare und radiale Farbverläufe visuell, wähle aus Vorlagen und kopiere den fertigen CSS-Code.
Rechne Farbwerte zwischen HEX, RGB, HSL und CMYK um und prüfe barrierefreie Kontrastverhältnisse nach WCAG 2.1.
Gestalte Box-Shadows und moderne Milchglas-Effekte mit sofortigem Kopieren des generierten CSS-Codes.
Prüfe Kontrastverhältnisse zwischen Text und Hintergrund mit AA/AAA-Bewertung und Farbfehlsichtigkeits-Filter.
