Warum SVG-Dateien so viele Zusatzdaten tragen
Zeichenprogramme speichern mehr als die Zeichnung: Editor-Namensräume, Ebenennamen, Kommentare, versteckte Elemente, Pfade mit zehn Nachkommastellen und IDs wie „Layer_1-copy-3“. Ein Browser braucht nichts davon. Der Optimierer hinter dieser Seite liest die Datei ein, entfernt, was keine sichtbare Wirkung hat, und schreibt den Rest in kürzester Form neu. Icons und Illustrationen werden dadurch oft um ein Drittel oder mehr kleiner, ohne dass sich ihr Aussehen ändert.
Eine SVG in vier Schritten optimieren
- Füge den SVG-Code in das linke Feld ein oder drücke SVG-Datei öffnen.
- Stelle die Zahl der Nachkommastellen ein und hake die gewünschten Optionen an.
- Vergleiche die beiden Vorschauen und lies die gesparte Größe unter dem Ergebnis.
- Drücke Kopieren oder lade die neue Datei als .min.svg herunter.
Was die einzelnen Optionen tun
- Nachkommastellen rundet Koordinaten. Drei Stellen sind für Icons sicher; eine oder zwei passen zu großen, einfachen Formen.
- Mehrere Durchgänge wiederholen die Bereinigung, bis nichts mehr zu sparen ist.
- IDs kürzen benennt die genutzten IDs um und streicht die übrigen. Schalte es für Inline-SVG aus, deren IDs anderswo gestaltet oder per Skript angesprochen werden.
- Breite und Höhe entfernen lässt das Bild mit seinem Container skalieren, sofern eine viewBox vorhanden ist.
- Skripte entfernen löscht Script-Elemente und Event-Attribute, nützlich vor dem Einbetten einer SVG aus unbekannter Quelle.
Prüfen, bevor du das Original ersetzt
Die Optimierung ist für die meisten Dateien sicher, aber starkes Runden kann Haarlinien verschieben, und entfernte IDs können CSS oder Animationen brechen, die auf sie zeigen. Darum zeigt die Seite Original und Ergebnis nebeneinander. Behalte die Originaldatei, bis du die neue an ihrem echten Einsatzort gesehen hast.
Nichts wird hochgeladen
Der Optimierer wird einmal geladen und läuft in diesem Tab. Deine Grafik erreicht nie einen Server, was bei unveröffentlichten Logos und Kundenarbeit zählt. Auch ein Konto oder eine Anmeldung brauchst du nicht, und das Tool funktioniert ohne Wartezeit, sobald der Optimierer einmal geladen ist.