Kostenloser SVG-Optimierer

Legen Sie die SVG auf dieser Seite ab, und der Optimizer entfernt Editor-Daten, Metadaten, Kommentare, versteckte Formen und überflüssige Leerzeichen. Prüfen Sie die Vorschau und die in der Statistikleiste angezeigte Einsparung und klicken Sie dann auf „Herunterladen“, um die kleinere Datei zu erhalten.

In unseren Beispieldateien von etwa 1 % bis 80 %, je nachdem, woher die Datei stammt. Ein Logo im Inkscape-Stil voller Editor-Daten wurde um 80 % kleiner, während ein sauberes 24-px-Icon um 1 % schrumpfte. In eine SVG eingebettete Fotos werden nicht kleiner.

In der Regel nicht. Formen, Farben und Pfadkoordinaten bleiben unverändert. Das Risiko liegt bei „Versteckte Elemente entfernen“, das Formen mit Deckkraft null oder display none löscht, auch wenn CSS oder ein Skript sie später einblenden würde. Vergleichen Sie die beiden Vorschauen vor dem Download.

Wahrscheinlich liegt es an „IDs bereinigen“. Diese Option löscht ungenutzte IDs und benennt die übrigen in kurze Namen wie a und b um, sodass CSS oder Skripte außerhalb der SVG, die nach einer ID suchen, nicht mehr passen. Enthält die SVG ein eigenes style- oder script-Tag, lässt „IDs bereinigen“ die IDs unangetastet. Deaktivieren Sie „IDs bereinigen“, um sie zu behalten.

„Metadaten entfernen“ löscht den Metadatenblock. „Kommentare entfernen“ löscht Code-Kommentare. „Gruppen auflösen“ entpackt Gruppen, die nichts bewirken. „IDs bereinigen“ kürzt oder entfernt IDs. „Versteckte Elemente entfernen“ entfernt unsichtbare Formen und ungenutzte Definitionen. „Pfade zusammenführen“ verbindet benachbarte Pfade mit gleichem Stil.

Ja. Die Tags viewBox, width, height, title und desc bleiben immer erhalten, sodass die SVG weiterhin skaliert und ihre Textbeschreibung behält. Eine Einschränkung: „IDs bereinigen“ entfernt die ID eines title-Elements, wodurch eine aria-labelledby-Verknüpfung darauf bricht. Deaktivieren Sie „IDs bereinigen“ für solche Dateien.

Nein. Pfadkoordinaten werden nicht gerundet, sodass keine relevante Ziffer abgeschnitten wird, und Farben werden nicht umgeschrieben. „Pfade zusammenführen“ schreibt den Pfadcode neu, wenn zwei Pfade verbunden werden, wodurch aus 10.000000 auch 10 werden kann, der Wert bleibt aber derselbe. Dateien mit langen Dezimalstellen werden deshalb hier weniger stark kleiner.

Die Datei ist kein gültiger SVG-Code. Der Optimizer liest die Datei als Text und stoppt bei fehlerhaftem Markup, etwa einem nicht geschlossenen Tag; die Meldung nennt Zeile und Spalte. Beheben Sie die Stelle in einem Texteditor und fügen Sie die Datei erneut hinzu.

Ja. Klicken Sie unter den Vorschauen auf „Code-Diff anzeigen“, um den Original- und den optimierten Code nebeneinander zu öffnen. Es werden beide vollständigen Dateien angezeigt, statt jede Änderung hervorzuheben, und der optimierte Code ist in einer langen Zeile minimiert.

Nein. Das Tool verarbeitet jeweils eine .svg-Datei und hat kein Feld zum Einfügen von Code. Wenn Sie zwei Dateien ablegen, erscheint derselbe Fehler wie bei einem falschen Dateityp. Komprimierte .svgz-Dateien werden nicht akzeptiert, entpacken Sie sie daher zuerst zu einer einfachen .svg. Um viele Dateien auf einmal zu bereinigen, nutzen Sie den Batch-SVG-Optimizer.

Er führt SVGO 4 in Ihrem Browser aus, mit einem festen Satz von 13 Plugins statt des Standard-Presets. Sechs davon sind die Schalter im Editor. Die anderen sieben laufen immer und entfernen Editor-Daten, den XML-Header, den Doctype und leere Tags.

Nein. Ihre SVG wird in diesem Browser-Tab gelesen und optimiert, und das Ergebnis wird direkt in Ihren Downloads gespeichert. Die Seite sendet anonyme Nutzungsstatistiken, etwa welche Schalter aktiviert waren und eine grobe Dateigröße, aber niemals den SVG-Code oder den Dateinamen.