SVG-Dateien Online Optimieren
SVG-Dateien von Design-Tools enthalten oft Metadaten, Kommentare und editor-spezifische Attribute, die 10-40% Overhead hinzufügen. Dieser Optimierer verwendet SVGO, der vollständig in Ihrem Browser läuft, um unnötige Daten zu entfernen und dabei die visuelle Qualität zu erhalten. Es werden keine Dateien hochgeladen, keine Serververarbeitung, kein Warten.
So Verwenden Sie Es
- Fügen Sie SVG-Code in das Textfeld ein oder laden Sie eine SVG-Datei hoch
- Das Tool wechselt automatisch zum Optimieren-Tab
- Wählen Sie eine Voreinstellung: Konservativ, Moderat oder Aggressiv
- Klicken Sie auf SVG Optimieren, um die Datei zu verarbeiten
- Vergleichen Sie die Vorher/Nachher-Größen und laden Sie die optimierte Version herunter
Optimierungs-Voreinstellungen
- Konservativ: entfernt Kommentare, Metadaten und Editor-Namespace. Sicher für fast alle SVGs.
- Moderat: fasst auch Gruppen zusammen, konvertiert Farben, führt Pfade zusammen und vereinfacht numerische Werte.
- Aggressiv: maximale Kompression. Kann viewBox und Titel-Elemente entfernen. Überprüfen Sie die Vorschau vor dem Herunterladen.
- Benutzerdefiniert: aktivieren oder deaktivieren Sie einzelne SVGO-Plugins für feingranulare Kontrolle.
Häufige Anwendungsfälle
Exporte von Design-Tools bereinigen
Figma, Sketch und Illustrator fügen Metadaten ein, die Overhead hinzufügen. Verarbeiten Sie Exporte durch den Moderaten Optimierer, bevor Sie sie zu einem Repository hinzufügen oder in die Produktion deployen.
SVG-Größe für schnellere Seitenaufrufe reduzieren
Kleinere SVG-Dateien laden schneller und verwenden weniger Bandbreite. Die Optimierung Ihrer Icon-Sprites und Illustrationen kann 30-70% der Dateigröße einsparen, ohne dass die visuelle Qualität beeinträchtigt wird.
SVGs für E-Mail-HTML vorbereiten
E-Mail-Clients haben strikte Größenbegrenzungen. Optimieren Sie SVGs, bevor Sie sie in E-Mail-Vorlagen einbetten, um innerhalb der Grenzen zu bleiben und die visuelle Qualität zu erhalten.