SVG-Optimierer
Optimieren und komprimieren Sie SVG-Dateien online
Entfernen Sie unnötige Metadaten, Editordaten, Gruppen und Präzision mit SVGO. Wählen Sie „Sichere“, „Ausgewogene“ oder „Maximale Optimierung“, optimieren Sie einzelne Durchgänge und vergleichen Sie das Ergebnis, bevor Sie es herunterladen. Alles läuft in Ihrem Browser.
Standardwerte für neue Dateien werden bearbeitet
Vorschau
Keine Vorschau. Dateien hinzufügen und auswählen, um Ergebnisse zu sehen.
Noch keine Dateien. Dateien oben ablegen oder DATEIEN AUSWÄHLEN klicken.
Was ist SVG?
SVG (Scalable Vector Graphics) ist ein XML-basiertes Vektor-Bildformat. Anstelle von Pixeln beschreibt eine SVG-Datei Formen, Pfade, Füllungen und Konturen mathematisch und kann daher in jeder Größe ohne Qualitätsverlust gerendert werden.
SVG ist das Standard-Vektorformat für das Web. Es wird von allen modernen Browsern nativ unterstützt und lässt sich mit CSS gestalten oder mit JavaScript beziehungsweise SMIL animieren. Für Logos, Icons und Illustrationen ist es oft kompakt; komplexe SVG-Dateien können jedoch groß werden.
Wann sollte man eine SVG optimieren
Aus Illustrator, Figma, Inkscape oder Sketch exportierte Dateien enthalten Editor-Metadaten, ausgeblendete Ebenen, verschachtelte Gruppen und Koordinaten mit mehr Präzision, als ein Browser benötigt. Optimieren Sie einen SVG, bevor Sie ihn in HTML integrieren, in einer Komponentenbibliothek versenden oder als Symbol bereitstellen. Kleinere Markups lassen sich schneller übertragen und analysieren, insbesondere wenn sie in HTML oder JavaScript wiederholt werden. Behalten Sie die ursprüngliche Quelldatei bei: Die Optimierung erfolgt nur in eine Richtung und minimierte Pfaddaten lassen sich nur schwer manuell bearbeiten.
So optimieren Sie eine SVG online
- 1
SVG-Dateien ablegen oder DATEIEN AUSWÄHLEN klicken, um sie der Warteschlange hinzuzufügen. Bis zu 40 auf einmal.
- 2
Sicher, Ausgewogen oder Maximal wählen, einzelne unerwünschte Durchläufe abschalten und die Ersparnis pro Datei aktualisiert sich mit.
- 3
Auf ALLE SPEICHERN klicken, um das Ergebnis herunterzuladen, oder ein einzelnes ZIP, wenn die Warteschlange mehr als eine Datei enthält.
Datenschutz: Ihre Dateien verlassen den Browser nicht
Die Konvertierung erfolgt lokal in Ihrem Browser mit JavaScript und WebAssembly. Es erfolgt kein Datei-Upload oder eine serverseitige Konvertierung, sodass die von Ihnen hinzugefügten Dateien auf Ihrem Gerät verbleiben.
Die lokale Verarbeitung trägt zum Schutz vertraulicher Logos, interner Dokumente und unveröffentlichter Kundengrafiken bei. Seiten und Konvertierungscode werden zwischengespeichert, während Sie sie verwenden, sodass bereits geöffnete Tools ohne Netzwerkverbindung weiterarbeiten können.
Häufige Fragen
Verändert die Optimierung das Aussehen meiner SVG?
„Sicher“ ist die konservativste Voreinstellung. „Ausgeglichen“ rundet auch Koordinaten und entfernt redundante Attribute, während „Maximum“ doppelte Formen zusammenführt und feste Abmessungen entfernt. Aggressivere Durchgänge können sich auf feine Details oder die Größe auswirken. Überprüfen Sie das Ergebnis daher vor dem Herunterladen mithilfe des Pixelunterschieds.
Was ist der Unterschied zwischen Sicher, Ausgewogen und Maximal?
Es sind aufeinander aufbauende Stufen. Sicher führt neun Durchläufe aus, die nur Markup löschen: den XML-Prolog, Kommentare, Metadaten, Editor-Namespaces, ungenutzte Definitionen, durchreichende Gruppen, lange Farbwerte und Leerraum. Ausgewogen ergänzt Attributbereinigung, das Entfernen unsichtbarer Elemente, das Neuschreiben von Pfaden und das Runden von Koordinaten. Maximal ergänzt das Zusammenführen von Duplikaten und das Entfernen von Breite und Höhe und wiederholt jeden Durchlauf, bis die Datei nicht mehr kleiner wird. Jeder einzelne Durchlauf lässt sich unter Erweiterte Optionen abschalten.
Warum ist meine optimierte Datei kaum kleiner?
Meist, weil sie bereits optimiert war, oder weil ihre Größe von Pfaddaten dominiert wird, die sich nicht weiter kürzen lassen, oder von einem eingebetteten Rasterbild in einer Data-URI, das dieses Tool nie anrührt. Weniger Dezimalstellen sind bei handgezeichneten Grafiken normalerweise der größte verbleibende Gewinn. Beachten Sie: Angezeigt wird die rohe Dateigröße; gzip oder Brotli auf Ihrem Server komprimiert sie noch deutlich weiter, und saubereres Markup komprimiert besser.