SVG-Optimierer
Ballast entfernen und die Datei schrumpfen
Eingabe
Ergebnis
Noch nichts eingegeben
Ziehen Sie eine Datei hierher oder fügen Sie Code ein — das Ergebnis erscheint hier.
Die viewBox bleibt immer erhalten, die responsive Skalierung geht also nie kaputt.
Aus Illustrator oder Figma exportierte SVGs schleppen Ebenennamen, Editor-Metadaten und Koordinaten mit weit mehr Nachkommastellen mit, als irgendjemand sehen kann. Das alles zu entfernen halbiert die Datei meist, ohne das Aussehen zu verändern.
So funktioniert es
- 1 Ziehen Sie eine SVG-Datei hierher oder fügen Sie den Code ein.
- 2 Passen Sie bei Bedarf die Optionen an — schalten Sie die ID-Bereinigung ab, wenn Ihr CSS oder JavaScript auf die IDs verweist.
- 3 Vergleichen Sie die Größe vorher und nachher.
- 4 Kopieren Sie den optimierten Code oder laden Sie ihn herunter.
Häufige Fragen
Verändert das Optimieren das Aussehen?
Mit den Standardeinstellungen nicht. Die Nachkommastellen zu stark zu verringern ist das Einzige, was Kurven sichtbar kantig machen kann — wenn weiche Formen eckig wirken, erhöhen Sie den Wert wieder.
Wann sollte ich die IDs behalten?
Immer wenn etwas außerhalb der Datei darauf verweist: CSS-Selektoren, JavaScript, das einen Pfad animiert, oder interne Verweise wie Verläufe und Beschneidungspfade. Lassen Sie die ID-Bereinigung im Zweifel aus.
Bleibt die viewBox erhalten?
Immer. Sie zu entfernen würde die responsive Skalierung zerstören, deshalb wird sie unabhängig von den anderen Einstellungen nie angetastet.