SVG Optimierer Online
Kostenloser SVG-Optimierer — Editor-Metadaten, Kommentare und Pfadgenauigkeit aus Figma- und Illustrator-Exporten entfernen. 100% im Browser, ohne Anmeldung.
Aktualisiert Mai 2026
Geprüft von Rafael Duarte
Optimization Level
Cleaning Options
Prettify Code
Readable indented output
Path Precision
2 dpLower precision results in smaller files but may distort complex shapes.
PRO TIP
Always use 'Balanced' for logos. 'Aggressive' can sometimes merge layers that need separate animation IDs.
Your SVG files are never uploaded. All optimization runs entirely in your browser.
30–70% Smaller
Removes editor metadata, comments, and redundant elements without changing the visual output.
Configurable Presets
Choose Safe, Balanced, or Aggressive optimization — or tune individual options manually.
100% Private
No upload to any server. Your SVG files never leave your device.
So funktioniert's
Von aufgeblähtem Export zu produktionsreifem SVG
1. SVG einfügen oder hochladen
Ziehe eine `.svg`-Datei per Drag-and-Drop oder füge den Code direkt in das Textfeld ein.
2. Stufe wählen
Safe, Balanced (empfohlen) oder Aggressive — oder passe jede Option einzeln an.
3. Prüfen und exportieren
Kontrolliere in der Vorschau, dass sich visuell nichts geändert hat, dann kopiere oder lade die optimierte `.svg` herunter.
Was dieses Tool kann
Die gleichen Optimierungen wie SVGO, direkt im Browser
Entfernt Editor-Overhead
Figma/Illustrator/Inkscape/Sketch-Namespaces, Metadaten, Kommentare und ungenutzte Ebenen-IDs.
Reduziert Koordinatenpräzision
d="M15.123456 32.678901" wird zu d="M15.12 32.68" ohne Änderung der Darstellung.
Vorher/Nachher-Vorschau
Reduktionsstatistiken und Seite-an-Seite-Ansicht vor dem Export.
Entfernt niemals den `viewBox`
Essenziell für responsive Skalierbarkeit — bleibt bei jedem Preset erhalten.
Prettify-Modus
Rückt den Code zum Lesen/Debuggen ein. Erhöht die Dateigröße — vor dem Export für Produktion deaktivieren.
Entfernt leere `<g>`-Gruppen
Entfernt Gruppierungselemente ohne Kinder oder Inhalt, die von Layer-Tools wie Figma zurückgelassen werden.
Safe vs. Balanced vs. Aggressive
Wann du das brauchst
Die häufigsten Szenarien unter den Nutzern dieses Tools
Web-Performance und Core Web Vitals
Jedes gesparte KB bei Icons und Logos reduziert das Seitengewicht, besonders den LCP.
Figma/Illustrator-Exporte aufräumen
Entferne die proprietären Metadaten-Ebenen, die automatisch hinzugefügt werden.
React/Vue-Komponenten vorbereiten
Ein optimiertes SVG ohne unnötige IDs lässt sich leichter als JSX/TSX-Komponente einfügen.
Icon-Bibliotheken pflegen
Verarbeite ganze Sets, ohne eine lokale SVGO-Konfiguration einzurichten.
Einbettung in E-Mail und CMS
Kleinere Inline-SVGs respektieren die Payload-Grenzen von Content-Management-Systemen und E-Mail-Clients.
Visuelle Prüfung vor der Veröffentlichung
Nutze den Vollbild-Vergleichsschieber, um Original und optimierte Version vor dem Deployment nebeneinander zu prüfen.
Häufiger Fehler? Hier ansetzen
Aggressive bei komplexen Illustrationen verwenden
Die Rundung auf 1 Dezimalstelle kann in Kurven wahrnehmbare Subpixel-Unterschiede verursachen.
IDs entfernen, die von CSS/JS referenziert werden
Wenn Animationen oder Selektoren von einer ID abhängen, nutze das Preset Safe, um sie zu erhalten.
Glauben, Optimierung ersetze GZIP
Beide ergänzen sich — minifiziere das SVG und aktiviere zusätzlich die Server-Komprimierung.
Prettify aktivieren und eine kleinere Datei erwarten
Prettify rückt den Code für menschliche Lesbarkeit ein — das erhöht die Dateigröße, nicht reduziert sie. Vor dem Export für Produktion deaktivieren.
Automatische Entfernung ungenutzter `<defs>` erwarten
Dieses Tool entfernt nicht referenzierte IDs, aber keine ganzen ungenutzten Gradienten oder Clip-Paths innerhalb von <defs>.
Komprimierung eingebetteter Base64-Rasterbilder erwarten
Der Optimierer wirkt auf die Vektorgeometrie — Pfade, Koordinaten, IDs — komprimiert aber keine eingebetteten PNG/JPG-Bilder über <image> in Base64 innerhalb des SVG. Optimiere diese Rasterbilder separat, bevor du sie einbettest.
Warum dieses Tool nutzen
Implementiert die gleichen essenziellen Optimierungen wie SVGO — die Node.js-Bibliothek hinter den meisten Online-Optimierern — direkt im Browser, ohne Installation.
Ein typisches aus Figma exportiertes Icon ist 2–5× größer als nötig. Kein Server-Upload, keine Anmeldung, kein Größenlimit.
Jede Bereinigungsoption kann einzeln ein- oder ausgeschaltet werden, und der Vollbild-Vergleichsschieber zeigt genau, was sich geändert hat, bevor du veröffentlichst.
Häufig gestellte Fragen
Entfernt unnötige Daten — Editor-Metadaten, Kommentare, redundante Namespaces, übermäßige Dezimalgenauigkeit — ohne die Darstellung zu verändern. Das Ergebnis ist eine kleinere Datei, die schneller lädt.
Weiterführende Quellen
Verwandte Tools
- ASCII Tabellen Generator Entwickler Kostenloser ASCII-Tabellengenerator — erstelle formatierte Texttabellen in MySQL, Markdown, Unicode, abgerundet, Doppellinie und reStructuredText. CSV...
- Base64 Decoder Entwickler Base64-Strings sofort im Browser in Klartext dekodieren. Unterstützt UTF-8, mehrzeilige Eingabe und zeigt die Zeichenanzahl an.
- Base64 Encoder Entwickler Beliebigen Text sofort im Browser zu Base64 kodieren. Unterstützt UTF-8, zeigt Zeichenanzahl und Ausgabegröße. Kostenlos, ohne Anmeldung, 100% clientseitig.
- Base64 zu Bild Entwickler Base64-String oder Daten-URL einfügen und das dekodierte Bild sofort vorschauen — kostenloser Konverter für PNG, JPEG, WebP, GIF, SVG. Kein Upload, läuft lokal.
- Bcrypt Generator Entwickler Kostenloser Bcrypt-Hash-Generator — 100% clientseitig. Echtzeit-Benchmark des Kostenfaktors, Hash-Parser und Code-Snippets für Node.js, Python, PHP, Go.
