SVG-Optimierer und -Kompressor
SVGs aus Design-Editoren enthalten meist Metadaten, Kommentare und Koordinaten mit viel zu vielen Dezimalstellen. Füge den Code ein oder lade deine Dateien hoch, und SVGO bereinigt sie sofort: Du siehst, wie viel sie vorher und nachher wiegen, samt Vorschau beider Versionen. Alles läuft in deinem Browser.
Zu 100 % in deinem Browser verarbeitet
Ctrl + Enter ausführenCtrl + C Ergebnis kopieren
So funktioniert es
- 1Füge den SVG-Code ein oder ziehe eine oder mehrere .svg-Dateien hinein.
- 2Passe die Optionen an: Dezimalstellen, mehrere Durchläufe, viewBox, IDs und Abmessungen.
- 3Vergleiche Größe und Vorschau von Original und optimierter Version.
- 4Kopiere den Code oder lade das SVG (oder alle als ZIP) herunter.
Anwendungsfälle
- Das Gewicht der Icons und Logos einer Website senken, damit sie schneller lädt.
- Das aus Figma, Illustrator oder Inkscape exportierte SVG vor dem Einbetten bereinigen.
- Illustrationen für eine App oder eine Komponentenbibliothek vorbereiten.
- Feste Abmessungen entfernen, damit sich ein SVG seinem Container anpasst.
Häufig gestellte Fragen
Wie viel kleiner wird ein SVG?
Das hängt von der Datei ab: Aus Editoren exportierte SVGs schrumpfen meist um 30 bis 70 %. Das Tool zeigt dir die genaue Ersparnis.
Wird das Bild durch die Optimierung beschädigt?
Mit den Standardeinstellungen siehst du keine Änderung. Senkst du die Dezimalstellen stark, können sehr kleine Formen verzerrt werden: Vergleiche stets mit der Vorschau.
Warum die viewBox behalten?
Die viewBox lässt das SVG per CSS skalieren. Ohne sie passt es sich nicht mehr seinem Container an – deshalb bleibt sie standardmäßig erhalten.
Wofür dient das Behalten der IDs?
Beziehen sich dein CSS, dein JavaScript oder ein `<use>` auf Kennungen im SVG, würde die Optimierung sie umbenennen und diese Verknüpfungen brechen.
Werden meine Dateien hochgeladen?
Nein. SVGO läuft in deinem Browser, die Dateien verlassen dein Gerät nicht.