Eingabe
Dein Arbeitsbereich wird vorbereitet…
Anleitung
- SVG-Quelltext einfügen oder eine UTF-8-SVG-Datei öffnen.
- SVG optimieren wählen und Vorschau sowie Größen vergleichen.
- SVG herunterladen oder Ergebnis aufklappen, um Quelltext zu prüfen und zu kopieren.
Vektormarkup optimieren
Neben sichtbaren Formen kann SVG Editor-Metadaten und ausführliche Zeichenanweisungen enthalten. Optimierung schreibt das Markup um und reduziert überflüssige Bytes.
SVGO verwendet drei Nachkommastellen für Koordinaten und erhält viewBox und IDs. Behalte die Quelle, um das Ergebnis im endgültigen Kontext zu vergleichen.
Was sich ändern kann
Metadaten können entfernt und Zeichenanweisungen vereinfacht werden. Drei Nachkommastellen können die Geometrie leicht verändern, besonders bei kleinen oder stark skalierten Grafiken.
viewBox ermöglicht responsive Größen; IDs können in Formen, Stilen oder externem Code referenziert sein. Diese Konfiguration erhält sie, statt sie zu kürzen oder zu löschen.
<svg viewBox="0 0 10 10"><metadata>demo</metadata><path d="M0 0 L10 10"/></svg><svg viewBox="0 0 10 10"><path d="m0 0 10 10"/></svg>Verkürzter Vergleich mit entfernten Metadaten und kompaktem Pfad. Der Download enthält zusätzlich den SVG-Namensraum.
Vorschau und Einbettung
Das Ergebnis wird als isoliertes Bild geladen, nicht als aktives Seitenmarkup. Das Verhalten kann von einem Inline-SVG in deiner Anwendung abweichen.
Optimieren ist keine Bereinigung. Prüfe fremdes SVG vor Inline-Einbettung und teste Stile, Referenzen und Verhalten im umgebenden Dokument.
Ausgabe prüfen und speichern
Herunterladen speichert optimized.svg. Im aufgeklappten Ergebnis findest du Quelltext und Kopieren; weniger Bytes beweisen noch keine visuelle Gleichheit.
Statische PNG-, JPEG- und WebP-Bilder: 20 MiB, 24 Megapixel und 8192 Pixel pro Seite. Base64: 2 MiB. SVG: 1 MiB. Dateiprüfung: 1 GiB, wobei nur die ersten 256 Bytes gelesen werden. Die Codec-Unterstützung variiert je nach Browser. Dateien werden nicht hochgeladen.
Häufige Fragen
Ist optimiertes SVG sicher für Inline-Einbettung?
Optimierung bereinigt den Quelltext nicht. Prüfe nicht vertrauenswürdige Elemente, Attribute, URLs und Stile vor der Verwendung.
Bleiben viewBox und IDs erhalten?
Ja. Andere Teile können umgeschrieben werden; teste Referenzen und Stile im Zieldokument.
Kann die Optimierung das Bild verändern?
Koordinatenrundung und Strukturänderungen können die Darstellung beeinflussen. Vergleiche Vorschau und tatsächlichen Einsatz.
Warum unterscheidet sich die Vorschau von meiner Seite?
Eine isolierte Bildvorschau teilt weder umgebendes CSS noch Inline-SVG-Verhalten. Dokumentreferenzen und Kontext können entscheidend sein.
Wo ist Kopieren?
Klappe nach der Optimierung Ergebnis unter der Vorschau auf. Dort stehen SVG-Quelltext und Kopieren; SVG herunterladen befindet sich über der Vorschau.