SVG verkleinern: SVG-Dateien optimieren, ohne das Bild zu ändern

So funktioniert es

Wählen Sie eine SVG-Datei aus und klicken Sie auf SVG verkleinern. Das Werkzeug löscht alles, was ein Zeichenprogramm in die Datei schreibt, aber nie auf dem Bildschirm erscheint: Einstellungen von Inkscape und Illustrator, Autor- und Lizenzangaben (Metadaten), Kommentare, leere Gruppen und Attribute mit ihrem Standardwert. Danach werden die Koordinaten aller Formen gekürzt; aus einer sechsstelligen Zahl wie 20.987654 wird bei 3 Stellen 20.988. Ein mit Inkscape gespeichertes Logo mit 40 Formen und 21 KB schrumpft so bei 3 Stellen auf 13 KB (38 % kleiner), bei 1 Stelle auf 11 KB. Das Ergebnis wird unter demselben Namen mit angehängtem .min heruntergeladen; Ihre Originaldatei bleibt unverändert. Es wird nichts an einen Server gesendet, alles läuft in Ihrem Browser.

Dieses Werkzeug ist auch als svg verkleinern, svg verkleinern online, svg datei verkleinern, svg optimieren, svg komprimieren, svg dateigroesse reduzieren, svg optimizer bekannt.

Was ist SVG?

SVG (Scalable Vector Graphics) speichert ein Bild nicht als Pixel, sondern als Beschreibung von Formen: „eine Linie von diesem zu jenem Punkt, dunkelblau gefüllt“. Die Beschreibung ist reiner Text; die Datei lässt sich in jedem Texteditor öffnen, und jedes überflüssige Zeichen vergrößert sie. Verkleinern heißt deshalb, diesen Text zu kürzen, ohne an der Zeichnung etwas zu ändern.

Was ist SVGO?

SVGO (SVG Optimizer) ist das verbreitetste Open-Source-Werkzeug zum Verkleinern von SVG-Dateien; die meisten Build-Werkzeuge für Websites schicken SVGs im Hintergrund durch SVGO. Diese Seite nutzt die Browser-Version: Dutzende kleine Bereinigungsschritte laufen nacheinander und so oft, bis die Datei nicht mehr kleiner wird, ohne dass sie an einen Server geht.

Was ist der Unterschied zwischen SVG verkleinern und SVGZ?

Beim Verkleinern wird überflüssiger Code in der Datei gelöscht; das Ergebnis ist weiterhin eine normale .svg-Datei, die jedes Programm öffnet. SVGZ ist eine mit gzip gepackte SVG: Es wird nichts gelöscht, der Text wird wie bei ZIP komprimiert und muss vor der Nutzung entpackt werden. Beides ersetzt sich nicht. Webserver komprimieren SVGs beim Ausliefern ohnehin mit gzip, für das Web ist daher eine verkleinerte, normale .svg am besten.

Wann sich das Bild ändern kann: Genauigkeit und IDs

Die Zahlengenauigkeit bringt die größte Ersparnis und ist die einzige Einstellung, die die Zeichnung verändern kann. Für ein Icon auf einem Raster von 24 × 24 Einheiten reicht 1 Nachkommastelle (0,1 Einheit); dieselbe Einstellung verschiebt bei einer Karte mit 0,05 Einheiten breiten Linien die Ecken, und dünne Linien laufen ineinander. Öffnen Sie das Ergebnis neben dem Original im Browser; sehen Sie einen Unterschied, gehen Sie eine Stelle höher.

Die zweite Falle sind IDs. Holt eine Website Icons per <use href="icons.svg#haus"> über ihren Namen aus einer einzigen SVG-Datei, oder greifen CSS und JavaScript über die ID auf ein Element zu, löscht der Optimierer jedes Symbol, das innerhalb der Datei nirgends aufgerufen wird, und benennt die übrigen IDs in "a", "b" um. Die Datei sieht für sich allein richtig aus, auf der Website fehlen aber die Icons. Die Ergebniszeile warnt, wie viele Symbole entfernt wurden. Stellen Sie bei solchen Dateien IDs auf Beibehalten.

Wie stark wird meine SVG kleiner?

Das hängt von der Herkunft der Datei ab. Direkt aus einem Zeichenprogramm gespeicherte Dateien schrumpfen am stärksten, weil das Programm eigene Einstellungen und Ebenennamen hineinschreibt, um die Datei später wieder öffnen zu können. Eine von Hand geschriebene oder schon einmal verkleinerte SVG verliert selten mehr als ein paar Prozent.

• Inkscape „Inkscape-SVG“ → schrumpft am stärksten; Editor-Daten können einen großen Teil der Datei ausmachen
• Illustrator „Speichern unter → SVG“ → Kommentare und überflüssige Gruppen fallen weg, mittlere Ersparnis
• Export aus Figma und Canva → bereits schlank; die Ersparnis kommt vor allem aus kürzeren Zahlen
• SVG mit eingebettetem Foto → wird nicht kleiner; die Ergebniszeile weist darauf hin, das Foto muss separat komprimiert werden

Häufige Fragen

Wie kann ich eine SVG-Datei verkleinern?

Wählen Sie die Datei hier aus und klicken Sie auf SVG verkleinern. Editor-Daten und Kommentare, die das Bild nicht beeinflussen, werden entfernt, und die Koordinaten werden gekürzt. Die Ergebniszeile zeigt die Größe vorher und nachher sowie die Ersparnis in Prozent.

Verliert eine SVG beim Verkleinern an Qualität?

Bei den empfohlenen 3 Nachkommastellen gibt es keinen sichtbaren Unterschied, weil das meiste, was entfernt wird, nie auf dem Bildschirm erscheint. Nur wenn Sie die Genauigkeit auf 1 oder 2 Stellen senken, kann sich bei feinen Zeichnungen etwas ändern. Unscharf beim Vergrößern wird eine SVG als Vektorgrafik bei keiner Einstellung.

Warum ist meine SVG nicht kleiner geworden?

Wurde die Datei schon einmal verkleinert oder sauber von Hand geschrieben, gibt es nichts mehr zu entfernen. Der zweite häufige Grund ist ein per Base64 eingebettetes Foto: Dieses Werkzeug verkleinert Vektorcode, eingebettete Fotos bleiben unverändert. Die Ergebniszeile nennt, welchen Anteil der Datei das Foto ausmacht.

Kann ich die verkleinerte SVG noch bearbeiten?

Ja. Sie bleibt eine normale SVG-Datei und öffnet sich in Inkscape, Illustrator oder Figma. Verloren gehen nur Ebenennamen und editorspezifische Einstellungen. Bewahren Sie daher das Original zum Weiterarbeiten auf und verwenden Sie die verkleinerte Fassung auf der Website oder in der App.