SVG Optimizer
SVG-Code minimieren, Editor-Metadaten entfernen und Dateigröße reduzieren – alles in Ihrem Browser.
SVG-Dateien sofort im Browser optimieren
SVG-Dateien, die aus Design-Tools wie Figma, Illustrator oder Inkscape exportiert werden, sind mit Editor-spezifischen Metadaten, Kommentaren und Formatierung überladen. Zolkits SVG Optimizer entfernt all das und liefert schlanken, produktionsbereiten SVG-Code.
Entfernt Editor-Ballast
Entfernt Inkscape-, Sodipodi- und Adobe-Metadaten, Namespaces und Kommentare, die SVG-Dateien aus Design-Tools aufblähen.
Sofortige Optimierung
Reines JavaScript – kein Server-Roundtrip, keine WASM-Kompilierungszeit. Ergebnisse erscheinen während der Eingabe.
Konfigurierbar
Wählen Sie, welche Elemente entfernt werden sollen: Kommentare, Metadaten, Titel, Beschreibung. Stellen Sie die Dezimalgenauigkeit für Koordinaten ein.
100 % Privat
Ihr SVG-Code verlässt Ihren Browser nie. Im Arbeitsspeicher optimiert, kein Server, kein Logging.
Für immer kostenlos
Kein Konto, keine Limits, keine Bezahlschranken. SVG einfügen und herunterladen.
Live-Vorschau
Sehen Sie, wie Ihr SVG nach der Optimierung aussieht. Prüfen Sie, ob nichts Wichtiges entfernt wurde.
So optimieren Sie SVG-Dateien
- 1
Fügen Sie Ihren SVG-Code in das Eingabefeld ein oder ziehen Sie eine .svg-Datei auf die Seite.
- 2
Prüfen Sie das Optionspanel und wählen Sie, welche Elemente entfernt werden sollen.
- 3
Kopieren Sie den optimierten Code oder klicken Sie auf „Herunterladen”, um die Datei zu speichern.
Häufig gestellte Fragen
Was entfernt ein SVG-Optimizer eigentlich?
In erster Linie: XML-Deklarationen, DOCTYPE-Deklarationen, Editor-Metadaten (Inkscape/Adobe/Sodipodi-Namespaces und -Elemente), HTML-Kommentare, <metadata>-Blöcke und unnötigen Whitespace. Diese Elemente dienen im browser-gerenderten SVG keinem Zweck.
Kann die Optimierung mein SVG beschädigen?
Der Optimizer entfernt nur Elemente, die sicher entfernt werden können: Editor-Metadaten, Kommentare und Whitespace. Er entfernt niemals Zeichenelemente, Pfade, Formen oder Stilregeln. Das Vorschau-Panel ermöglicht es Ihnen, das Ergebnis vor dem Herunterladen zu überprüfen.
Sollte ich <title> und <desc> entfernen?
Standardmäßig werden <title> und <desc> beibehalten, da sie die SVG-Zugänglichkeit verbessern – Screenreader verwenden sie zur Beschreibung der Grafik. Entfernen Sie sie nur, wenn das SVG rein dekorativ ist und Zugänglichkeit keine Rolle spielt.
Was ist die Dezimalgenauigkeit?
SVG-Koordinaten (wie in Pfad-d-Attributen) enthalten oft viele Dezimalstellen: z. B. 123,45678901. Eine Reduzierung auf 2 ergibt 123,46. Dies verringert die Dateigröße bei kaum wahrnehmbarer visueller Veränderung für die meisten Grafiken. Icon-SVGs eignen sich besonders gut für eine Genauigkeit von 1–2.
Ist das so gut wie SVGO?
Zolkits SVG Optimizer deckt die wirkungsvollsten Optimierungen ab: Metadaten-Entfernung, Namespace-Bereinigung, Whitespace-Minimierung und Genauigkeitsreduzierung. Für fortgeschrittenere Transformationen (Formzusammenführung, Pfadvereinfachung) kann das SVGO CLI zusätzliche Einsparungen erzielen.
Kann ich mehrere SVG-Dateien optimieren?
Derzeit verarbeitet das Tool eine Datei nach der anderen. Stapelverarbeitung von SVG-Dateien ist in der Planung.