SVG → SVG
SVG-Optimizer
Mach SVG-Dateien kleiner, ohne ihr Aussehen zu verändern. Der Optimizer führt SVGO in deinem Browser aus und zeigt das Ergebnis neben dem Original.
SVG-Datei hier ablegen oder klicken, um eine Datei zu wählen, oder mit Strg+V einfügen Läuft im Browser · Dateien bleiben auf deinem Gerät
SVG verkleinern: so geht es
- SVG-Datei hinzufügen. Ablegen, auswählen oder einfügen.
- Nachkommastellen festlegen. Weniger Nachkommastellen ergeben eine kleinere Datei. Prüf in der Vorschau, ob sich Kanten verschieben.
- Beide Vorschauen vergleichen. Original und optimierte Version stehen nebeneinander, zusammen mit der eingesparten Größe.
- Herunterladen oder Code kopieren. Der Dateiname bekommt die Endung .min.svg.
Was der SVG-Optimizer entfernt
Grafikprogramme fügen Daten hinzu, die Browser nie verwenden: Namespaces und Metadaten des Editors, Kommentare, versteckte Ebenen, leere Gruppen, Standardwerte von Attributen und Koordinaten mit mehr Nachkommastellen, als ein Bildschirm darstellen kann. Der Optimizer nutzt SVGO, den Open-Source-Optimizer, der in vielen Web-Build-Tools steckt, mit seinem Standardsatz sicherer Plugins.
SVG komprimieren durch gerundete Nachkommastellen
Die Pfaddaten sind oft der größte Teil einer SVG-Datei, und ein Großteil davon sind Nachkommastellen. Eine Koordinate wie 12.483920 sieht auf einem 24-px-Icon genauso aus wie 12.48. Der Regler für die Nachkommastellen steuert dieses Runden. Für Icons reichen meist 1 bis 2 Stellen, für detaillierte Illustrationen oder Karten behalte 3. „Wiederholen, bis nichts mehr eingespart wird“ wendet die Plugins mehrmals an und holt aus komplexen Dateien noch etwas mehr heraus.
SVG-Datei verkleinern fürs Web: die responsive Option
Setz das Häkchen bei Breite und Höhe entfernen, um die festen Maße zu streichen und nur die viewBox zu behalten. Die SVG-Datei passt sich dann der Breite ihres Containers an, und genau das willst du für Icons und Logos in CSS-Layouts. Lass das Häkchen weg, wenn die SVG-Datei eine exakte Größe behalten muss.