SVG-Optimierung
Wählen Sie eine statische SVG-Datei oder fügen Sie Code ein, um ihn zu optimieren. Vergleichen Sie Darstellung, Code und Dateigröße vor und nach der Optimierung und kopieren Sie anschließend das Ergebnis oder speichern Sie es als SVG.
Was Sie tun können
SVG-Dateigröße optimieren
Kommentare, Zusatzinformationen von Bearbeitungssoftware, Zahlendarstellungen und weitere Inhalte werden bereinigt.
Vorher und nachher prüfen, dann speichern
Vergleichen Sie Anzeige, Code und Dateigröße und kopieren oder speichern Sie das optimierte SVG.
Verwendung
SVG eingeben
Wählen Sie 1 SVG-Datei aus oder fügen Sie Code ein.
Einstellungen bei Bedarf anpassen
Prüfen Sie in den erweiterten Einstellungen die Dezimalgenauigkeit und die zu entfernenden Informationen. Üblicherweise können Sie mit den Standardwerten beginnen.
Anzeige und Dateigröße vergleichen
Führen Sie die Optimierung aus und prüfen Sie die Änderungen an Aussehen, Code und Dateigröße.
Das optimierte SVG speichern
Kopieren Sie den resultierenden Code oder laden Sie ihn als SVG-Datei herunter.
Nützlich, wenn
Dateigrößen von Logos und Icons reduzieren
Bereinigen Sie ein SVG vor der Veröffentlichung im Web und prüfen Sie das Verhältnis zwischen Aussehen und Dateigröße.
Bearbeitungsinformationen bereinigen
Entfernen Sie bei Bedarf Zusatzinformationen und Kommentare der Erstellungssoftware und speichern Sie dann.
Worauf bei der SVG-Optimierung zu achten ist
Zusatzinformationen und Anzeige sind getrennt
Sie können Informationen der Bearbeitungssoftware und Kommentare entfernen. Titel, Beschreibungen und Ähnliches bleiben durch die Einstellungen erhalten.
Wenn die Dezimalgenauigkeit Formen verändert
Das Runden von Dezimalstellen in Koordinaten und anderen Werten kann feine Umrisse oder Positionen verändern. Vergleichen Sie vor und nach der Verarbeitung.
Auch CSS und Verweise am Zielort prüfen
IDs und viewBox bleiben erhalten, aber der Code wird bereinigt. Wenn Sie externes CSS oder ähnliche Verweise verwenden, prüfen Sie das Aussehen auch am tatsächlichen Ort der Veröffentlichung.
Statische SVGs werden unterstützt
SVGs mit Skripten, externen Verweisen, eingebetteten Bildern oder Animationen sind ausgeschlossen. Verweise, die innerhalb des SVG bleiben, werden unterstützt.
Häufig gestellte Fragen
Wird die Dateigröße immer kleiner?
Bei bereits optimierten SVGs kann die Dateigröße gleich bleiben oder zunehmen. Entscheiden Sie anhand der resultierenden Dateigröße.
Bleibt das Aussehen gleich?
Es kann sich je nach Einstellungen wie der Dezimalgenauigkeit ändern. Prüfen Sie die Vorschauen vor und nach der Verarbeitung sowie die Anzeige am Ort der Veröffentlichung.
Kann ich auch den ursprünglichen Code prüfen?
Öffnen Sie in den Ergebnissen „Code vor der Optimierung“, um den Inhalt vor diesem Verarbeitungslauf zu prüfen.
Umgang mit Dateien
- Eingabe
- Verwenden Sie statisches SVG in UTF-8. Die ursprüngliche Datei wird nicht überschrieben.
- Ausgabe
- Optimierter SVG-Code und eine .min.svg-Datei.