SVG-Optimierer & -Editor
Optimieren, komprimieren und bearbeiten Sie SVG-Vektorgrafiken online. Entfernen Sie unnötige Editor-Metadaten, runden Sie Dezimalkoordinaten und formen Sie Ankerknoten der Pfade visuell auf dem Bildschirm um - mit vollständiger lokaler Privatsphäre.
Warum unseren SVG-Optimierer & -Editor nutzen?
- Völlig lokale Optimierung: Ihre Vektordateien werden ausschließlich im Browserspeicher verarbeitet. Es werden keine Daten auf entfernte Server hochgeladen, was Ihnen absolute Privatsphäre beim Optimieren sensibler Icons, UI-Mockups und Unternehmensillustrationen gibt.
- Interaktive Ankerbearbeitung: Justieren Sie Vektordesigns visuell. Wechseln Sie in den Editor-Modus, um Vektorknoten direkt auf dem Bildschirm zu sehen, und ziehen Sie runde Griffe, um Kurven und Pfade sofort in Echtzeit umzuformen.
- Kontrolle der Dezimalgenauigkeit: Passen Sie das Koordinatenrunden von 0 bis 4 Dezimalstellen an. Das Verwerfen unnötiger Mikro-Präzision komprimiert die Textbeschreibung des Pfads und verkleinert die Datei deutlich.
- Intelligenter Metadaten-Entferner: Entfernen Sie Editor-Ballast mühelos. Die Engine löscht rekursiv XML-Kommentare, Namespaces (etwa Sketch-, Inkscape- und Adobe-Illustrator-Metadaten), nutzlose Gruppen-Wrapper und leere Containerknoten.
SVG-Struktur und Vektor-XML-Code verstehen
Scalable Vector Graphics (SVG) ist ein XML-basiertes Vektorbildformat für zweidimensionale Grafiken. Anders als Rasterbilder (wie JPEG oder PNG), die Farbwerte für Pixelraster speichern, enthalten SVGs Koordinaten, Linien, Kurven und Formen in strukturiertem Code. Diese textbasierte Konfiguration macht SVGs unbegrenzt skalierbar, ohne Qualität zu verlieren. Da es Codedateien sind, hängt ihr Byte-Umfang von der Länge der Koordinaten-Textstrings und der XML-Tags in der DOM-Hierarchie ab.
Woher kommt der XML-Ballast in SVGs?
Wenn Sie eine Vektorillustration aus professionellen Designprogrammen wie Adobe Illustrator, Inkscape oder Figma exportieren, fügt die Software umfangreiche Metadaten-Hilfstags ein. Diese Header enthalten Editor-Konfigurationen, Viewport-Koordinaten, Verbindungslinien, eigene Namespaces und Arbeitsbereichsattribute. Für die Bearbeitung in dieser Software nützlich, werden sie von Browsern völlig ignoriert. Werden diese Namespaces und Kommentare entfernt, bleibt nur die reine geometrische Zeichnungsbeschreibung übrig.
Wie Dezimalgenauigkeit Vektoren komprimiert
Das Pfaddaten-Attribut (d) enthält Befehle und Zahlen, die dem Browser sagen, wo Koordinaten gezeichnet werden. Oft geben Editoren Koordinaten mit extremer Fließkommagenauigkeit aus, etwa 14.2839281. Diese mikroskopischen Bruchteile repräsentieren Subpixel-Anteile, die das menschliche Auge nicht auflösen kann. Das Runden auf 1 oder 2 Dezimalstellen (z. B. 14.28) verwirft dieses visuelle Rauschen, verkürzt den Textstring erheblich und verkleinert die SVG-Datei um 30 % bis 60 %.
Häufig gestellte Fragen
Der SVG-Optimierer & -Editor ist ein kostenloses Online-Tool zum Komprimieren von SVG-Vektorbildern und Bearbeiten ihrer Pfadknoten. Es arbeitet vollständig in Ihrem Browser: Sie können Editor-Ballast entfernen, Koordinaten runden, Ankerknoten ziehen und optimierte Dateien sofort herunterladen.
Das Tool analysiert den XML-Baum des SVG und entfernt Editor-Namespaces, Metadaten-Tags, Kommentare und leere Elemente. Anschließend extrahiert es alle Koordinaten der Pfaddaten und rundet sie auf die gewählte Dezimalgenauigkeit, was die Dateigröße deutlich reduziert, ohne die Design-Treue zu verlieren.
Nein. Für absolute Privatsphäre läuft der SVG-Optimierer & -Editor vollständig clientseitig. Alle XML-Analyse, Pfadbearbeitung, visuelle Darstellung und Dateierstellung erfolgen im Speicher Ihres Browsers. Ihre Dateien werden nie an einen externen Server gesendet.
Ankerknoten sind die Koordinaten, an denen SVG-Pfadbefehle (wie Linie zu oder Kurve zu) beginnen und enden. Im Editor-Arbeitsbereich können Sie einen Pfad auswählen, diese Knoten sehen und ihre runden Griffe ziehen, um die Vektorform zu ändern.
Koordinatenzahlen wie 125.438291 enthalten übermäßiges Detail. Das Runden auf 1 oder 2 Dezimalstellen (z. B. 125.44) verwirft mikroskopische Subpixel-Werte, komprimiert die Textdarstellung der Koordinaten und reduziert die SVG-Dateigröße um bis zu 50 %.
Ja. Es ist zwar auf das Polieren bestehender Dateien optimiert, doch der interaktive Editor lässt Sie Pfade umformen, Ankerknoten ändern und visuelle Änderungen in Echtzeit prüfen. Perfekt zum Feinjustieren von Vektorkurven, Icons und Illustrationen.
Ja. Dieses Tool ist 100 % kostenlos, ohne Registrierung, Nutzungslimits oder Wasserzeichen. Sie können unbegrenzt viele Vektordateien bereinigen, bearbeiten und komprimieren. Alles läuft sofort und offline in Ihrem modernen Browser.