Dieses Tool lädt die offizielle SVGO-Engine für den Browser erst nach einem Klick auf Optimieren. Es verwendet das Standard-Plugin-Preset, entfernt Skripte und Event-Handler für eine sicherere Webnutzung und kann IDs beibehalten, auf die CSS, JavaScript, Verläufe, Masken oder externe Referenzen zugreifen.
SVG kostenlos optimieren
Läuft komplett in deinem Browser - kein Upload, keine Anmeldung.
Skripte und Event-Handler werden entfernt
SVG-Original
Optimiertes SVG
Strg oder Command + Enter
SVG-Code einfügen oder Datei auswählen, um zu beginnen
Was macht ein SVG-Optimierer?
Ein SVG-Optimierer verkleinert Vektordateien, indem er Editor-Metadaten, Kommentare, überflüssige Attribute und unnötige Nachkommastellen entfernt. Fügen Sie den Code ein oder wählen Sie eine Datei aus, führen Sie SVGO im Browser aus und vergleichen Sie Original und Ergebnis. Das kleinere SVG können Sie kopieren oder herunterladen, ohne die Grafik hochzuladen.
So funktioniert’s
- 1SVG hinzufügen. Fügen Sie den vollständigen SVG-Code ein, ziehen Sie eine lokale .svg-Datei auf den Upload-Bereich oder laden Sie das Beispiel.
- 2Sichere Einstellungen wählen. Legen Sie die numerische Genauigkeit fest, lassen Sie Multipass für zusätzliche Einsparungen aktiv und behalten Sie IDs bei, wenn anderer Code darauf verweist.
- 3Optimieren und vergleichen. Führen Sie SVGO aus und vergleichen Sie die Byte-Werte sowie die Vorschau von Original und optimierter Version.
- 4Kopieren oder herunterladen. Kopieren Sie den kompakten Code oder laden Sie eine neue .optimized.svg-Datei herunter. Die Quelldatei bleibt unverändert.
Für wen
- Frontend-Entwickler, die Icons, Logos und Illustrationen vor dem Einbau in eine Website oder Komponentenbibliothek verkleinern.
- Designer, die Metadaten und editorspezifischen Code aus Exporten von Figma, Illustrator, Sketch oder Inkscape entfernen.
- Performance-Teams, die vor der Veröffentlichung von Vektorgrafiken die genaue UTF-8-Byte-Ersparnis messen.
- Komponentenentwickler, die kompakten Inline-SVG-Code für React, Vue, Svelte oder reines HTML vorbereiten.
Häufige Fragen
Ist dieser SVG-Optimierer kostenlos?
Ja. Sie können SVG-Dateien ohne Konto, Bezahlung oder Installation optimieren. Das Tool zeigt die genaue Änderung in UTF-8-Bytes und lässt Sie das Ergebnis direkt im Browser kopieren oder herunterladen.
Wird mein SVG auf einen Server hochgeladen?
Nein. Das Einlesen, die Verarbeitung mit SVGO, die Byte-Messung und die Vorschau erfolgen lokal in Ihrem Browser. Logos, Icons und unveröffentlichte Grafiken werden von diesem Tool nicht hochgeladen.
Wie groß darf die SVG-Datei sein?
Das Tool verarbeitet SVG-Quellcode bis 5 MB. Dieses Limit sorgt auf Smartphones und üblichen Laptops für eine zügige Analyse. Bei sehr großen exportierten Illustrationen hilft es, eingebettete Rasterbilder zu entfernen oder die Grafik in kleinere Dateien aufzuteilen.
Kann die Optimierung das Aussehen des SVG verändern?
SVGO soll das Rendering erhalten und nur redundante Daten entfernen. Starkes Runden oder das Bereinigen von IDs kann komplexe Dateien dennoch beeinflussen. Vergleichen Sie beide Vorschauen und testen Sie das optimierte SVG im echten Einbettungskontext, bevor Sie eine Produktivdatei ersetzen.
Was bewirkt die Dezimalgenauigkeit?
Die Dezimalgenauigkeit legt fest, wie viele Nachkommastellen SVGO in Koordinaten, Transformationen und anderen Zahlenwerten behält. Niedrigere Werte sparen oft mehr Bytes, können aber sehr feine oder ungewöhnlich große Grafiken sichtbar verschieben. Drei Stellen sind für die meisten Web-Icons und Illustrationen ein guter Standard.
Sollte ich SVG-IDs beibehalten?
Behalten Sie IDs bei, wenn CSS, JavaScript, aria-Attribute, Verläufe, Masken, Filter oder externe Dokumente darauf verweisen. Bei eigenständigen dekorativen Dateien können Sie die Option abschalten, damit SVGO ungenutzte Kennungen entfernt oder kürzt.
Entfernt der Optimierer Skripte aus SVG-Dateien?
Ja. Die Verarbeitung entfernt script-Elemente, Event-Handler-Attribute und JavaScript-Links. Dadurch eignen sich exportierte Dateien sicherer als normale Webbilder. Für SVG-Anwendungen, deren Funktion von Skripten abhängt, ist dieses Tool jedoch nicht geeignet.
Was bringt die Multipass-Optimierung?
Mit Multipass verarbeitet SVGO das Ergebnis erneut, solange ein weiterer Durchlauf es verkleinert. Manche Umwandlungen schaffen neue Möglichkeiten für den nächsten Durchlauf. Der zusätzliche Gewinn ist meist klein, weil der erste Durchlauf den größten Teil einspart.