SVG optimieren
Wähle die SVG-Dateien oder füge den Code ein. Das Tool bereinigt, was der Browser nicht nutzt, zeigt, wie viel kleiner es wurde, und die Vorschau davor und danach.
So geht’sMach das SVG leichter
Verfügbar auf: 
SVG optimieren: wofür es gut ist
Wähle ein oder mehrere SVGs oder füge den Code ein. Das Tool entfernt Kommentare, XML-Deklaration, Metadaten, Inkscape-, Sodipodi- und Illustrator-Daten, leere Gruppen und Leerzeichen, löscht nicht genutzte IDs und rundet die Koordinaten auf 0 bis 3 Nachkommastellen. Title und desc können für die Barrierefreiheit behalten werden.
Sieh die Größe davor und danach, die Vorschau nebeneinander und lade einzeln oder alle als .zip herunter.
So geht’s
- Wähle die SVG-Dateien oder füge den Code ein.
- Wähle die Nachkommastellen und was entfernt wird.
- Prüfe die Vorschau und lade die optimierten SVGs herunter.
Wann nutzen
- Aus Figma und Illustrator exportierte Icons und Logos.
- Die Website leichter machen.
- SVGs bereinigen, bevor du sie direkt ins HTML setzt.
Häufige Fragen
Was wird entfernt?
Kommentare, XML-Deklaration, DOCTYPE, Metadaten, Inkscape-, Sodipodi- und Illustrator-Daten, Editor-Attribute, nicht genutzte IDs (optional), leere Gruppen und überflüssige Leerzeichen. Die Koordinaten werden auf die gewählte Zahl von Nachkommastellen gerundet.
Wie viele Nachkommastellen nutzen?
Bei Icons und Logos sind 1 oder 2 Stellen auf dem Bildschirm meist unsichtbar. Bei sehr detaillierten oder kleinen Zeichnungen mit kleiner viewBox nutze 3. Prüfe in der Vorschau: Wenn etwas verzerrt, erhöhe die Stellen.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.