Bilder
SVG optimieren
Leichtere SVGs bei pixelgenau identischem Rendering – mit einem Klick.
Ersparnis
SVGs aus Illustrator, Figma oder Inkscape schleppen erstaunlich viel Ballast mit: Editor-Metadaten, Kommentare, versteckte Ebenen, generierte IDs, Koordinaten mit acht Nachkommastellen. Dieses Tool bereinigt sie mit SVGO, dem Branchenstandard – direkt in Ihrem Browser. Fügen Sie Ihren SVG-Code ein oder legen Sie die Datei ab: Die optimierte Version erscheint sofort, mit Dateigröße vorher/nachher und der eingesparten Prozentzahl – bei einem Roh-Export oft 30 bis 70 %. Das visuelle Ergebnis bleibt strikt identisch. Kopieren Sie die Ausgabe oder laden Sie sie herunter – bereit für Ihre Website, Ihre App oder Ihr Icon-System. Keine Datei wird jemals auf einen Server hochgeladen.
Wie funktioniert es?
- Fügen Sie Ihren SVG-Code ein oder legen Sie die Datei ab.
- Klicken Sie auf „Optimieren“ – der bereinigte Code erscheint sofort.
- Vergleichen Sie die Größe vorher/nachher und die Ersparnis in Prozent.
- Kopieren Sie das optimierte SVG oder laden Sie es herunter.
Häufige Fragen
Was wird genau entfernt?
Editor-Metadaten, Kommentare, ungenutzte Definitionen, Standardattribute und überflüssige Leerzeichen; Zahlenwerte werden sinnvoll gerundet und Pfade nach Möglichkeit zusammengeführt. Alles, was das Rendering nicht beeinflusst.
Kann sich das Rendering nach der Optimierung verändern?
Mit den hier verwendeten Standardeinstellungen nicht – die angewendeten Transformationen erhalten das Rendering. Prüfen Sie dennoch SVGs, die per externem CSS über bestimmte IDs animiert oder gestylt werden, denn ungenutzte ids werden entfernt.
Warum sollte ich die SVGs einer Website optimieren?
Ein Logo oder ein Icon-Set lädt auf jeder einzelnen Seite – da zählt jedes Kilobyte, erst recht, wenn das SVG direkt ins HTML eingebettet ist. Saubere SVGs verkleinern zudem das DOM und beschleunigen das erste Rendering.