SVG optimieren

SVG-Icons, Logos oder Illustrationen ablegen und kleinere Dateien erhalten, die gleich aussehen – mit Vorher-nachher-Vorschau und Genauigkeitsregler.

Über dieses Tool

Kleinere SVGs, gleiches Bild

Grafikprogramme speichern vieles, das kein Browser braucht. Dieser Optimierer auf Basis von SVGO entfernt es auf Ihrem Gerät.

Räumt auf, was Editoren hinterlassen

Metadaten, Kommentare, ausgeblendete Ebenen sowie Daten von Inkscape, Illustrator und Sketch verschwinden. Zahlen werden gerundet, Gruppen zusammengefasst und Pfade in der kürzesten Form geschrieben – oft 30–70 % kleiner.

Genauigkeit nach Wahl

0–5 Nachkommastellen wählen und das Ergebnis sofort neben dem Original sehen. IDs für CSS und Animationen behalten, den Titel für Barrierefreiheit behalten oder Breite und Höhe für eine responsive SVG entfernen.

Sicher zum Einbetten

Skripte, Event-Handler, eingebettetes HTML und externe Links werden entfernt, damit die SVG gefahrlos direkt in eine Webseite eingefügt werden kann.

So geht's

  1. Eine oder mehrere SVG-Dateien (oder SVGZ) ablegen. Jede wird sofort optimiert.
  2. Den Regler „Nachkommastellen“ bewegen und Vorher und Nachher in der Vorschau vergleichen.
  3. Optionen wählen: IDs behalten, Titel und Beschreibung behalten, Breite und Höhe entfernen oder formatiert ausgeben.
  4. Die SVG herunterladen, alle Dateien als ZIP speichern oder den Code kopieren.

Häufig gestellte Fragen

Werden meine Bilder auf einen Server hochgeladen?

Nein. Jedes Bild wird direkt in Ihrem Browser-Tab mit Canvas, Web Workers und WebAssembly gelesen, verarbeitet und gespeichert. Es wird nichts hochgeladen, gespeichert oder protokolliert.

Sieht die optimierte SVG anders aus?

Bei Icons und Logos mit der Voreinstellung von 2 Nachkommastellen nicht. Sehr detaillierte Zeichnungen oder SVGs mit winziger viewBox brauchen eventuell 3 oder mehr; die Vorher-nachher-Vorschau zeigt jede Änderung vor dem Download.

Welcher Optimierer steckt dahinter?

SVGO (MIT-Lizenz), der Optimierer, den die meisten Build-Tools nutzen, mit seiner Standard-Voreinstellung, direkt in Ihrem Browser. Toolula ergänzt einen Filter, der Skripte und externe Verweise entfernt.

Wann sollte ich IDs behalten?

Wenn Ihr CSS, JavaScript, ein Sprite oder eine Animation Elemente über ihre id anspricht. Sonst werden ungenutzte IDs entfernt und die übrigen gekürzt.

Ist es kostenlos, und gibt es ein Wasserzeichen?

Ja, es ist ohne Konto kostenlos nutzbar, und Toolula fügt nie ein Wasserzeichen hinzu. Der kostenlose Plan hat Fair-Use-Limits; Toolula Pro, ein optionaler Plan, hebt sie an.