📐 SVG-Optimierer
SVG-Dateien sofort im Browser bereinigen und komprimieren — Editor-Ballast, Metadaten und Kommentare entfernen, ohne Formen oder Pfade zu verändern.
Über
SVG-Dateien, die aus Tools wie Inkscape, Adobe Illustrator oder Figma exportiert wurden, enthalten oft erheblichen unsichtbaren Overhead: editorspezifische Namespaces (sodipodi:, inkscape:), Metadatenblöcke, XML-Kommentare und überflüssige Leerzeichen. Dieses Tool analysiert deine SVG mit der eigenen DOM-Engine des Browsers und entfernt diesen Overhead auf konservative Weise — Koordinaten, Farben und Pfaddaten bleiben unverändert, sodass deine Grafik nach der Optimierung identisch aussieht. Du erhältst einen Größenvergleich nebeneinander und eine Live-Rendervorschau, damit du vor dem Herunterladen der bereinigten Datei bestätigen kannst, dass sich optisch nichts verändert hat.
Verwendung
- Füge dein SVG-Markup in das Eingabefeld ein oder klicke auf 'Datei laden', um eine .svg-Datei von deinem Gerät zu öffnen.
- Klicke auf 'Optimieren', um den DOM-basierten Cleaner zu starten, der Kommentare, Metadaten und Inkscape/Sodipodi-Editorelemente entfernt.
- Überprüfe den Vorher/Nachher-Größenvergleich und die Live-SVG-Vorschau, um sicherzustellen, dass die Grafik optisch unverändert ist.
- Den optimierten SVG-Code direkt kopieren oder auf 'Herunterladen' klicken, um die bereinigte .svg-Datei auf dem Gerät zu speichern.
Häufige Fragen
- Verändert der Optimierer das Aussehen meiner SVG?
- Nein. Das Tool entfernt nur unsichtbaren Overhead — Kommentare, Metadaten und editorspezifische Elemente — und reduziert Leerzeichen. Pfade, Formen, Farben und Transformationen werden niemals verändert.
- Welchen editorspezifischen Ballast entfernt es?
- Es entfernt Inkscape- und Sodipodi-Namespace-Elemente und -Attribute, RDF/Dublin-Core-Metadaten, XML-Kommentare und unnötige Leerzeichen zwischen Tags — die häufigsten Ursachen für Bloat in exportierten SVGs.
- Wird mein SVG-Code an einen Server gesendet?
- Nein. Das gesamte Parsing und Bereinigen findet vollständig in deinem Browser mithilfe der DOM-API statt. Dein SVG-Code verlässt niemals dein Gerät.
- Wie viel Dateigröße kann ich erwarten einzusparen?
- Die Einsparungen variieren je nach Quelle. Eine Inkscape-Datei mit vollständigen Metadaten schrumpft typischerweise um 10–40 %. Bereits schlank exportierte Dateien sehen möglicherweise nur 2–5 %. Das Tool zeigt nach jedem Durchlauf die genaue Byte-Anzahl und den eingesparten Prozentsatz an.
- Kann ich es auf SVGs verwenden, die aus Figma oder Adobe Illustrator exportiert wurden?
- Ja. Der Optimierer funktioniert mit SVG aus jeder Quelle. Figma-Exporte sind bereits recht sauber, daher sind die Einsparungen bescheiden. Illustrator-Exporte enthalten oft eingebettete Schriftarten und ICC-Profile, die dieser konservative Cleaner absichtlich unverändert lässt.