Datenschutz & Speicher

Wir nutzen notwendige Browser-Speicher fuer Sprache, Login-Zustand und Editor-Ablauf. Zuletzt verwendete Schriften und Symbole speichern wir nur, wenn du Komfortspeicher erlaubst.

Kein Marketing-Tracking, keine Werbe-Cookies.

SVG optimieren: Dateigröße reduzieren und Performance steigern

Von 100 KB auf 5 KB — ohne Qualitätsverlust

SVG & Vektorgrafik1. März 2026

SVGs aus Design-Tools enthalten oft 70-90% überflüssigen Code. Richtig optimiert schrumpft eine SVG-Datei dramatisch — bei identischer Optik. So geht's.

Generierte Grafik zum Artikel SVG optimieren: Dateigröße reduzieren und Performance steigern

Was macht SVGs unnötig groß?

Editor-Metadaten — Illustrator/Inkscape-spezifische Attribute und Namespaces
Überflüssige Dezimalstellen — 50.000000 statt 50
Leere Gruppen — <g></g> ohne Inhalt
Versteckte Elemente — display:none-Elemente
Redundante Attribute — Default-Werte explizit gesetzt
Nicht-optimierte Pfade — Mehr Ankerpunkte als nötig

SVGO — Das Standard-Tool

SVGO (SVG Optimizer) ist das meistgenutzte Optimierungstool:

npm install -g svgo
svgo logo.svg -o logo.min.svg

SVGO entfernt Metadaten, kürzt Zahlen, vereinfacht Pfade und minimiert den Code automatisch. Typische Reduktion: 60-80%.

Manuelle Optimierungstechniken

Pfade vereinfachen (weniger Ankerpunkte, gleiche Form)
Wiederholte Elemente in <defs> + <use> auslagern
viewBox setzen, width/height entfernen
Inline-Styles durch Attribute ersetzen
Dezimalstellen auf 1-2 reduzieren

GZIP-Kompression (.svgz)

SVGZ ist GZIP-komprimiertes SVG — in Browsern nativ unterstützt. Weitere 50-70% Ersparnis on top:

gzip -9 logo.svg  # erzeugt logo.svg.gz
mv logo.svg.gz logo.svgz

Webserver (Nginx/Apache) können SVGs auch on-the-fly komprimieren via Content-Encoding: gzip.

Optimierte SVGs laden schneller und sind professioneller. Unser Logo Editor erzeugt bereits schlanke SVGs — aber ein SVGO-Durchlauf für die Produktion schadet nie.

Bereit, dein Logo zu erstellen?

Kostenloser visueller Editor mit SVG-Export.