Kostenlos Online SVG Optimizer
SVG-Dateien online optimieren, minifizieren und bereinigen. Entfernt Inkscape/Illustrator-Metadaten, Kommentare, leere Gruppen und unnötige Attribute. Sofortige Vorschau — kostenlos, 100% clientseitig.
100% Client-seitig · Ihre Daten verlassen nie Ihren BrowserOptimization Options
Anleitung SVG Optimizer
Fügen Sie Ihren SVG-Code in das Input SVG-Feld ein, wählen Sie die Optimierungsoptionen und klicken Sie auf Optimize oder drücken Sie Strg/Cmd+Enter.
- Kommentare entfernen — löscht
<!-- ... -->-Blöcke. - Metadaten entfernen — entfernt das von Inkscape/Illustrator eingefügte
<metadata>-Element. - Editor-Attribute entfernen — löscht
inkscape:*,sodipodi:*,data-nameund deren Namespace-Deklarationen. - Leerzeichen reduzieren — normalisiert mehrfache Leerzeichen und Zeilenumbrüche in Attributwerten und zwischen Tags.
- Leere Gruppen entfernen — eliminiert
<g></g>-Elemente ohne Kinder. - Zahlen runden — reduziert die Dezimalpräzision der Pfad-
d-Koordinaten (z. B. 123.456789 → 123.46).
Die Statistikleiste zeigt Original- vs. Optimierungsgröße und die Ersparnis. Nutzen Sie Format, um ein minifiziertes SVG leserlich darzustellen. Strg/Cmd+K zum Löschen.
Häufig gestellte Fragen
Was bewirkt die SVG-Optimierung?
Die SVG-Optimierung entfernt Daten, die für das Rendering unnötig sind: Editor-Metadaten, XML-Kommentare, leere Container-Elemente, redundante Namespace-Deklarationen und überschüssige Leerzeichen. Sie rundet auch zu präzise Dezimalzahlen in Pfaddaten. Das Ergebnis ist eine kleinere Datei, die in allen Browsern identisch dargestellt wird.
Warum enthalten SVGs aus Inkscape oder Illustrator so viele Zusatzdaten?
Inkscape und Adobe Illustrator betten private Namespace-Attribute (inkscape:*, sodipodi:*, ai:*) und Metadatenblöcke ein, um den Bearbeitungszustand zu bewahren: Ebenennamen, Gittereinstellungen, Schriftinformationen, Dokumenteigenschaften. Im Editor nötig, für den Browser jedoch irrelevant.
Verändert die Optimierung das Aussehen meines SVG?
Die Optionen dieses Tools sind auf visuell verlustfreie Ergebnisse ausgelegt. Das Entfernen von Kommentaren, Metadaten und Editor-Attributen verändert das Rendering nicht. Das Runden auf 2 Dezimalstellen ist bei typischen Anzeigeformaten nicht wahrnehmbar (Fehler unter 0,01 px). Prüfen Sie das Ergebnis vor dem Einsatz immer in der Vorschau.
Warum beeinflusst die Präzision der Pfaddaten die Dateigröße?
Zeichenwerkzeuge exportieren Pfadkoordinaten oft mit 6–10 Dezimalstellen, obwohl 1–2 für die Web-Anzeige ausreichen. Bei komplexen Illustrationen mit vielen Pfadsegmenten reduziert das Runden die Zeichenanzahl erheblich.
Was ist der Unterschied zwischen einer sicheren und einer unsicheren Optimierung?
Sichere Optimierungen bewahren die visuelle Ausgabe: Entfernen von Kommentaren, Metadaten, Editor-Attributen und leeren Gruppen. Unsichere können das Aussehen verändern: Entfernen des viewBox-Attributs, Ändern von Farben, die CSS überschreibt, oder Entfernen von id-Attributen, auf die JavaScript zugreift. Dieses Tool wendet nur sichere Optimierungen an.
Wie schneidet das im Vergleich zu SVGO ab?
SVGO ist der Branchenstandard-Node.js-Optimierer mit Dutzenden Plugins, darunter erweitertes Pfad-Merging. Dieses Browser-Tool deckt die wirkungsvollsten Optimierungen ohne Installation ab. Für Produktions-Build-Pipelines wird SVGO oder das svgo Vite/webpack-Plugin empfohlen; dieses Tool ist ideal für einzelne Dateien.