Werkzeuge

SVG optimieren

Räume SVGs aus Illustrator, Figma oder Inkscape auf: Editor-Daten, Kommentare und unnötige Nachkommastellen werden entfernt, was meist 20–70 % spart, ohne sichtbaren Unterschied. Skripte und Event-Attribute werden immer entfernt, damit das Ergebnis sicher auf einer Website eingesetzt werden kann.

Ihre Bilder bleiben auf Ihrem Gerät. Die Verarbeitung erfolgt vollständig im Browser.

So funktioniert „SVG optimieren“

  1. Lege eine oder mehrere SVG-Dateien ab.
  2. Wähle die Genauigkeit und ob Metadaten und viewBox erhalten bleiben. Schalte „Lesbarer Code“ ein, wenn du die Datei von Hand bearbeiten willst.
  3. Klicke auf „SVG optimieren“, vergleiche vorher und nachher und lade die Datei herunter oder kopiere den Code.

Häufige Fragen

Wie viel kleiner werden SVGs?

Das hängt von der Quelle ab. Exporte aus Designprogrammen schrumpfen wegen Editor-Daten und langer Dezimalzahlen meist um 30–70 %; bereits optimierte Icons verlieren oft nur wenige Prozent.

Was bedeutet Genauigkeit?

Die Zahl der Nachkommastellen in Koordinaten. 3 ist für fast alles sicher. 1–2 ergibt kleinere Dateien, kleine Icons oder detaillierte Zeichnungen können sich aber leicht verschieben, prüfe also die Vorschau. Für sehr große oder sehr detaillierte Zeichnungen wähle 4–5.

Warum die viewBox behalten?

Mit der viewBox lässt sich die SVG per CSS frei skalieren. Ohne sie wird das Bild eventuell abgeschnitten oder skaliert nicht mehr mit. Behalte sie, wenn du nicht sicher feste Größen brauchst.

Werden Skripte entfernt?

Ja, immer. <script>-Elemente, Event-Attribute wie onclick oder onload und javascript:-Links werden aus dem Ergebnis entfernt. Beide Vorschauen werden nur als Bild angezeigt, deshalb kann nichts aus der Datei ausgeführt werden. Wurde etwas entfernt, steht die Anzahl im Ergebnishinweis.

Kann ich hier PNG oder JPG in SVG umwandeln?

Nein, dieses Tool optimiert nur Dateien, die bereits SVG sind. Um ein Bild in eine Vektorgrafik umzuwandeln, nutze PNG/JPG in SVG und optimiere das Ergebnis danach hier. Website-Icons aus einer SVG erstellst du mit Favicon-Generator.

Werden meine Dateien hochgeladen?

Nein. svgo läuft in deinem Browser, deine Dateien verlassen dein Gerät nicht.

Weitere Werkzeuge

Werkzeuge suchen