SVG-Optimierer & -Minifier – kostenlos
Metadaten entfernen, Leerzeichen reduzieren und Dezimalstellen runden, um die SVG-Dateigröße drastisch zu verkleinern – typische Reduktionen von 30–70 %. Visuelle Vorschau stellt sicher, dass nichts beschädigt wird.
Datei hierher ziehen oder zum Auswählen klicken
SVG · Verarbeitung auf Ihrem Gerät
oder drücken Sie Strg+V, um aus der Zwischenablage einzufügen
Ihre Dateien verlassen nie Ihr Gerät. Die gesamte Verarbeitung findet lokal in Ihrem Browser statt.
Häufige Anwendungen
- Optimieren Sie SVG-Symbole für die ProduktionEntfernen Sie unnötige Metadaten aus Icon-SVGs vor der Bereitstellung — typische Reduktion von 50-80%.
- Optimieren Sie Markenlogo-SVGsReduzieren Sie die SVG-Logodateigröße für schnelles Laden von Websites ohne Qualitätsverlust.
- Optimieren Sie Illustrationen und Hero-SVGsFür größere Illustrationen (Helden, Dekorgrafikale) kann die Optimierung 30-70% der Dateigröße sparen.
- Reduzieren Sie die JavaScript-Bundle-GrößeWenn SVGs als React-Komponenten importiert oder inline in Code eingefügt werden, verringert die Optimierung das JS-Bundle.
- Bereinigen Sie Figma / Sketch SVG-ExporteFigma- und Sketch-SVG-Exporte enthalten umfangreiche Metadaten. Entfernen Sie sie vor der Verwendung in der Produktion.
So funktioniert es
Dieses Tool verkleinert SVG-Dateien mit einem selbst geschriebenen Optimierer, der vollständig in Ihrem Browser läuft – keine Bibliotheken, kein Server. Er kombiniert zwei Durchläufe: die integrierten DOMParser/XMLSerializer des Browsers für präzise Arbeit auf Attributebene und gezielte Regex-Ersetzungen zum Entfernen von Kommentaren und Metadaten sowie zum Zusammenfassen von Leerraum.
- 1DOMParser bereinigt das SVGVor jeder Optimierung liest der DOMParser des Browsers das SVG als XML und durchläuft jedes Element. Script-Tags, Event-Handler (jedes on*-Attribut), Animationselemente und externe URL-Verweise werden bedingungslos entfernt – das geschieht unabhängig von den gewählten Optimierungsoptionen.
- 2DOM-basiertes Runden von DezimalzahlenIst das Runden aktiviert, durchläuft der Optimierer das geparste DOM ein zweites Mal und rundet nur bekannte numerische Attribute (Pfaddaten d, Koordinaten, Transform-Werte, Strichstärken usw.) – mit einem Regex, der einzelne Gleitkommazahlen erkennt, ohne verkettete Pfadwerte wie .5.5 zu beschädigen.
- 3Regex-Durchläufe bereinigen das serialisierte MarkupXMLSerializer erzeugt normalisiertes XML, dann entfernen gezielte Zeichenkettenersetzungen HTML-Kommentare, Editor-Metadaten von Inkscape/Sodipodi, die XML-Deklaration, überflüssige Standardattribute (wie version="1.1") und Leerraum zwischen Tags – jeder Durchlauf ist eng begrenzt, sodass Inhalte von Textknoten nie angetastet werden.
- 4Gzip-Größe und ExportformateDie CompressionStream-API des Browsers berechnet die tatsächlichen gzip-Größen von Ein- und Ausgabe, da diese die Übertragungskosten im Web bestimmen. Das optimierte SVG kann heruntergeladen, als rohes SVG kopiert, in React-JSX-taugliche camelCase-Attribute umgewandelt oder als CSS-Data-URI kodiert werden – alle Umwandlungen erfolgen lokal.
Ihr SVG wird vollständig in Ihrem Browser-Tab gelesen und verarbeitet – die Dateibytes verlassen nie Ihr Gerät.
Ähnliche Tools
CSS-Minifier & -Beautifier
Minifizieren Sie CSS zur Dateigrößenreduzierung oder verschönern Sie minifiziertes CSS zur besseren Lesbarkeit. Sofort, in Ihrem Browser.
GIF-Komprimierer
Animierte GIFs verkleinern: unter eine Größenbegrenzung bringen, etwa Discords 256-KB-Emoji oder 512-KB-Sticker, oder Farben, Breite und Einzelbilder selbst wählen. Läuft in Ihrem Browser; das GIF wird nicht hochgeladen.
PDF-Kompressor
PDF-Dateien komprimieren, um ihre Größe zu verringern. Wählen Sie eine Qualitätsstufe — stärkere Komprimierung bedeutet kleinere Dateien, aber geringere Bildqualität.