SVG optimieren online
Entferne Metadaten, Kommentare und überflüssige Nachkommastellen, die Designprogramme in einer SVG hinterlassen, und verkleinere die Datei, während die Grafik identisch aussieht.
Browser-Tool
SVG
Die Optimierung läuft mit svgo auf deinem Gerät. Die viewBox bleibt immer erhalten, und die sichere Voreinstellung behält außerdem IDs, Titel und Beschreibungen.
Über SVG optimieren
Designprogramme hinterlassen in einer SVG eine Menge – Editor-Metadaten, Kommentare, ausgeblendete Ebenen, Koordinaten mit vierzehn Nachkommastellen. Entfernt man das, halbiert sich die Datei meist, ohne jede sichtbare Änderung. Das Aufräumen ist kostenlos und online. Es funktioniert, ohne die Datei hochzuladen, fügt der Grafik kein Wasserzeichen hinzu, und keine Anmeldung und kein Konto stehen davor.
So nutzt du SVG optimieren
- SVG einfügen oder Datei öffnenDirekt aus dem Zeichenprogramm, mitsamt allem Ballast.
- Größen vergleichenVorher und nachher, damit die Ersparnis eine Zahl ist und keine Vermutung.
- Darstellung prüfenDie Optimierung sollte unsichtbar sein. Vergewissere dich, bevor du das Original ersetzt.
Wo das Gewicht wirklich steckt
Die Genauigkeit der Koordinaten ist meist die größte einzelne Ersparnis: Ein Pfad mit vierzehn Nachkommastellen enthält Ziffern, die auf einem Bildschirm subatomare Abstände beschreiben. Danach kommen Editor-Namensräume, ausgeblendete Ebenen auf der Zeichenfläche und Kommentare. Nichts davon wird dargestellt, und bei einem Icon-Set macht es zusammen oft mehr als die Hälfte der Datenmenge aus.
Was das Tool nicht kann
- Eine aggressive Optimierung kann eine SVG mit Skripten oder Animationen beschädigen, wenn eine ID oder Klasse, die der Optimierer für unbenutzt hält, von anderer Stelle referenziert wird.
- Das Verringern der Genauigkeit ist im Prinzip verlustbehaftet. In normalen Darstellungsgrößen ist das unsichtbar; bei einer Grafik, die stark vergrößert werden soll, prüfst du es besser.
SVG optimieren: häufige Fragen
- Verändert die Optimierung, wie meine Grafik aussieht?
- Das sollte sie nicht. Entfernt werden Metadaten und Genauigkeit jenseits dessen, was ein Bildschirm auflösen kann. Vergleiche trotzdem immer das dargestellte Ergebnis, besonders bei Verläufen, Filtern oder Beschneidungspfaden.
- Warum ist meine SVG größer als ein PNG desselben Bildes?
- Weil SVG für dieses Bild nicht das richtige Format ist. SVG eignet sich für flache Formen und Text; ein nachgezeichnetes Foto wird zu Tausenden von Pfaden und ist weit größer als die Bitmap, aus der es stammt.
- Verwendet dieser SVG-Optimierer SVGO?
- Ja. Er nutzt die Browser-Version von svgo, mit einer Voreinstellung „Sicher“, einer Voreinstellung „Am kleinsten“ oder eigenen Optionen für Zahlengenauigkeit, IDs, Kommentare, Metadaten und Editor-Daten. Die viewBox bleibt immer erhalten, du bekommst also eine Bereinigung wie mit svgo, ohne das npm-Paket zu installieren.
Fragen zu ToolsVerse selbst – Datenschutz, Kosten, was mit deinen Dateien passiert – beantworten die häufig gestellten Fragen.
Ähnliche Tools
Die Tools, die man zusammen mit SVG optimieren am häufigsten braucht.
Du findest das passende Tool nicht?
Sag uns, was du suchst, und wir prüfen, ob wir es hinzufügen.