So funktioniert es
- Wählen Sie SVG-Dateien aus oder ziehen Sie sie hierher (auch mehrere auf einmal), oder fügen Sie SVG-Code unten ein. Klicken Sie auf Beispiel laden, um es in Aktion zu sehen.
- Passen Sie die Nachkommastellen und andere Optionen an. Die Ergebnisse aktualisieren sich sofort und zeigen, wie viel kleiner jede Datei geworden ist.
- Laden Sie jede optimierte Datei herunter oder klicken Sie auf Alle herunterladen (ZIP). Eingefügter Code lässt sich direkt kopieren.
Optionen erklärt
- Nachkommastellen
- Wie viele Nachkommastellen Koordinaten und Zahlen behalten, standardmäßig 3. Bei Icons sind 1–2 meist unsichtbar; behalten Sie 3 oder mehr für detaillierte Illustrationen und Karten.
- Mehrere Durchläufe ausführen
- Wiederholt die Optimierung, bis die Datei nicht mehr kleiner wird. Spart oft noch ein paar Prozent und dauert etwas länger.
- Width/Height entfernen
- Behält nur die viewBox, sodass sich das SVG an seinen Container anpasst – nützlich, wenn Sie die Größe per CSS festlegen.
- IDs beibehalten
- Standardmäßig werden ungenutzte IDs entfernt und die übrigen gekürzt. Aktivieren Sie dies, wenn externes CSS, JavaScript oder andere Dateien Elemente über die ID ansprechen.
Beispiel
Das Original (aus Inkscape exportiert, 789 Bytes) enthält eine XML-Deklaration, einen Kommentar, Metadaten, editor-spezifische Attribute und lange Nachkommastellen. Optimiert (248 Bytes):
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>Häufig gestellte Fragen
Wird das Bild schlechter aussehen?
SVG ist ein Vektorformat. Die Optimierung entfernt nur Inhalte, die die Darstellung nicht beeinflussen, und rundet Zahlen auf die gewählten Nachkommastellen. Mit den Standardeinstellungen gibt es keinen sichtbaren Unterschied; verzerrt sich eine Form, erhöhen Sie die Nachkommastellen.
Wie viel kleiner wird die Datei?
Das hängt von der exportierenden Software ab. SVGs aus Designprogrammen schrumpfen oft um 30–70 % – das Beispiel geht von 789 auf 248 Bytes. Bereits optimierte Dateien ändern sich kaum.
Warum funktioniert eine Animation oder ein Skript nicht mehr?
Wenn die Stile oder Skripte des SVG Elemente über die ID ansprechen, aktivieren Sie IDs beibehalten.
Werden meine Dateien hochgeladen?
Nein. SVGO läuft in Ihrem Browser; Dateien werden lokal gelesen und verarbeitet.
Datenschutz
Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien und Texte werden auf Ihrem Gerät verarbeitet und nie auf unsere Server hochgeladen.