SVG optimieren (SVG-Dateien bereinigen und verkleinern)
Fügen Sie ein SVG ein oder laden Sie es hoch, um Metadaten, Kommentare und Editor-Daten zu entfernen, Dezimalstellen zu runden und die Datei zu verkleinern, mit Größenvergleich und Vorschau vorher/nachher. Skripte und externe Verweise werden entfernt
Tool wird geladen…
Ein aus Inkscape oder Illustrator exportiertes SVG enthält Editor-Daten, Kommentare und Koordinaten mit vielen Nachkommastellen, sodass die Datei größer ist, als die Zeichnung braucht. Fügen Sie den Code ein oder legen Sie die Datei ab, um diesen Ballast zu entfernen, die eingesparten Bytes zu sehen und die Zeichnung vorher und nachher zu vergleichen.
So geht’s
- Fügen Sie Code in „SVG-Code“ ein oder legen Sie .svg-Dateien im Feld darunter ab.
- Wählen Sie unter „Optionen“, was entfernt werden soll. Die Voreinstellungen verändern die Zeichnung nicht; „title und desc entfernen“ und „Nicht referenzierte ids entfernen“ bleiben aus, bis Sie sie brauchen.
- Verringern Sie „Nachkommastellen“, um Koordinaten zu kürzen; ein bis zwei Stellen reichen für Icons.
- Prüfen Sie, ob „Vorschau vorher“ und „Vorschau nachher“ übereinstimmen, und drücken Sie dann „Kopieren“ oder „SVG speichern“. Bei mehreren Dateien lädt „Alle als ZIP speichern“ sie gemeinsam herunter.
So wird gerechnet
- Skripte, Ereignisattribute, die mit on beginnen, foreignObject und Verweise auf http-Adressen oder andere Dateien werden immer entfernt; die Anzahl steht über dem Ergebnis.
- Editor-Daten sind Attribute und Elemente mit Präfixen wie inkscape: oder sodipodi: sowie ungenutzte Namensraum-Deklarationen. Das Entfernen von Standardwerten betrifft nur Attribute wie fill-opacity="1", ohne die dasselbe Bild entsteht.
- Die Zahlenbereinigung rundet die Werte von path, viewBox, points, transform und Koordinaten auf die gewählten Stellen; Koordinaten werden nicht umgerechnet und Formen nicht zusammengeführt. Alles läuft im Browser, keine Datei wird irgendwohin gesendet.
Häufige Fragen
- Warum ist ein SVG so viel größer, als die Zeichnung aussieht?
- Editoren speichern Zoomstufe, Ebenennamen, Metadaten und Koordinaten mit sechs bis acht Nachkommastellen. Bei einem einfachen Icon ist das oft mehr als die Hälfte der Datei, sodass die Bereinigung meist 40 bis 70 Prozent einspart.
- Kann sich die Zeichnung nach der Bereinigung verändern?
- Die Standardoptionen entfernen nur Elemente ohne Einfluss auf die Darstellung. Das Runden auf 0 oder 1 Stelle kann bei sehr kleinen Zeichnungen Linien verschieben; vergleichen Sie deshalb die beiden Vorschauen.
- Warum bleiben title und desc standardmäßig erhalten?
- Screenreader lesen sie vor, um das Bild zu beschreiben. Bei einem rein dekorativen SVG können Sie „title und desc entfernen“ einschalten.
- Liefert es dasselbe Ergebnis wie SVGO?
- Nein. Es führt nur sichere Bereinigungen wie das Entfernen von Metadaten und das Runden durch, ohne Pfade zusammenzuführen, braucht dafür aber keine Installation, und das Ergebnis lässt sich mit bloßem Auge prüfen.