SVG optimieren und minimierenSVG optimieren und minimieren
de

AppHelp

SVG optimieren und minimieren

Optimieren Sie SVG lokal mit SVGO, passen Sie Zahlengenauigkeit und Bereinigung an und vergleichen Sie Bild, Rohgröße und Gzip vor Kopie oder Download.

SVG-Optimierungsbereich

Bereinigung einstellen, Bild und Markup vergleichen und Roh- sowie Gzip-Größe prüfen, bevor Sie die Originaldatei ersetzen.

Lokal optimiert
1. SVG-Eingabe
2. Optimierungseinstellungen

Die viewBox bleibt erhalten. Prüfen Sie CSS, Animationen und Fragmentverweise vor ID- oder Strukturänderungen.

Häufige Aufgaben

  • SVG optimieren und minimieren
  • SVGO
  • SVG

Kurze Antwort

Optimieren Sie SVG lokal mit SVGO, passen Sie Zahlengenauigkeit und Bereinigung an und vergleichen Sie Bild, Rohgröße und Gzip vor Kopie oder Download.

So nutzt du das Tool

  1. 1. SVG einfügen oder öffnenVerwenden Sie Markup oder eine Datei unter 2 MB. Das Beispiel enthält Metadaten, IDs, Verläufe, Gruppen und Dezimalzahlen.
  2. 2. Optimierung einstellenBeginnen Sie mit Kommentaren, Metadaten, Gruppen, Attributsortierung, mehreren Durchläufen und mittlerer Genauigkeit. IDs und Abmessungen erst nach Prüfung des Kontexts ändern.
  3. 3. Bild, Quelltext und Transfergröße vergleichenWechseln Sie zwischen Original und Ergebnis und prüfen Sie Markup, Rohbytes und Gzip-Größe.
  4. 4. Testen und exportierenPrüfen Sie Hinweise und testen Sie CSS, Animationen, Sprites und Barrierefreiheit im echten Kontext, bevor Sie kopieren oder herunterladen.

Beispiele

Icon aus einem Designwerkzeug

Eingabe
SVG mit Metadaten, Kommentaren, verschachtelten Gruppen, langen Dezimalwerten und IDs
Ausgabe
Kompaktes SVG mit erhaltener viewBox und vergleichbarer Vorschau

Responsives Inline-SVG

Eingabe
SVG mit width, height und viewBox
Ausgabe
Optionale Entfernung der Abmessungen bei erhaltener viewBox; CSS-Größen vorher prüfen.

Typische Anwendungsfälle

  • Icons und Illustrationen vor der Veröffentlichung verkleinern
  • SVG aus Designwerkzeugen bereinigen
  • Roh- und Gzip-Ersparnis vergleichen
  • Responsive Inline-Grafiken mit viewBox vorbereiten
  • Aktive, externe und Rasterinhalte prüfen

Sonderfälle

  • Optimierung ist keine Sicherheitsbereinigung. Behandeln Sie nicht vertrauenswürdiges SVG als aktiven Inhalt und wenden Sie vor Inline-Auslieferung eine eigene Sicherheitsrichtlinie an.
  • ID-Änderungen können CSS, Animationen, Verläufe, Masken, Filter, Fragmente, Skripte und externe Verweise beschädigen.
  • Zu geringe Zahlengenauigkeit kann kleine Icons, komplexe Pfade, Karten oder technische Zeichnungen verzerren.
  • Das Entfernen von width und height ändert die intrinsische Größe. Testen Sie viewBox und CSS-Layout.
  • Rasterbilder, Schriftarten und externe Ressourcen können den größten Anteil der Transfergröße ausmachen.
  • HTTP verwendet häufig Gzip oder Brotli. Eine kleinere Rohdatei ergibt nicht zwingend proportional weniger Übertragungsdaten.

Funktionen

  • SVGO 4 im Browser mit mehreren Durchläufen und Zahlengenauigkeit
  • Bild- und Quelltextvergleich zwischen Original und Ergebnis
  • Rohbytes, prozentuale Ersparnis und Gzip-Größe
  • Optionen für Kommentare, Metadaten, Gruppen, Attribute, IDs, Abmessungen und Skripte
  • viewBox bleibt für responsive Einbettung erhalten
  • Sichere Vorschau entfernt aktive und externe Inhalte, ohne die Download-Ausgabe zu verbergen
  • SVG kopieren und herunterladen ohne Konto oder Upload

Verwandte Tools

SVG in PNG umwandelnSVG in React JSX umwandelnBildkomprimierung

Häufig gestellte Fragen

Was entfernt ein SVG-Optimierer?
Je nach Einstellung entfernt er Kommentare, Metadaten, unnötige Gruppen, Dezimalstellen, ungenutzte Definitionen und Skripte und verkürzt Pfade und Attribute.
Verwendet das Werkzeug SVGO?
Ja, SVGO 4 läuft im Browser und wird durch Bildvergleich und Größenmessung ergänzt.
Warum unterscheidet sich die Gzip-Ersparnis?
Wiederholte Tags und Attribute komprimieren gut. Deshalb unterscheiden sich Roh- und Transfergröße.
Sollte ich IDs verkürzen?
Prüfen Sie zuerst alle internen und externen Abhängigkeiten. CSS, Animationen, Filter oder Verweise können sonst brechen.
Warum bleibt die viewBox erhalten?
Sie definiert das Koordinatensystem und ermöglicht zuverlässiges responsives Skalieren.
Ist das optimierte SVG sicher inline verwendbar?
Optimierung garantiert keine Sicherheit. Die Vorschau entfernt aktive Inhalte, doch nicht vertrauenswürdige Ausgaben benötigen eine eigene Sicherheitsprüfung.
Werden Dateien hochgeladen?
Nein. Lesen, Optimieren, Vergleichen, Kopieren und Download erfolgen lokal im Browser.