🗜️SquishIt
728 × 90 — Leaderboard
Cookie-Banner ausstehend
Start / Tools / SVG optimieren

SVG optimieren & verkleinern

SVG-Exporte aus Figma, Illustrator oder Inkscape enthalten oft unnötigen Ballast: Kommentare, überschüssigen Whitespace und redundante Metadaten. Jnrt Pixel entfernt diesen Overhead direkt im Browser — ohne Upload.

Was wird optimiert?

💬
XML-Kommentare
Programm-Metadaten wie <!-- Generator: Figma -->
⬜
Überflüssiger Whitespace
Leerzeichen, Tabs, Zeilenumbrüche zwischen Tags
↩️
Zeilenumbrüche
Alle Newlines werden entfernt
✂️
Leerzeichen bei Attributen
style="" color = "red" → color="red"

Kein visueller Qualitätsverlust: Die Darstellung des SVGs im Browser ist nach der Optimierung pixelgleich — es werden ausschließlich nicht-darstellungsrelevante Daten entfernt. Typische Einsparung: 20–50% der Dateigröße.

SVG-Optimierungs-Tipps

✓ Aus Figma exportieren: Clean SVG aktivieren
Figma bietet beim SVG-Export die Option "Simplify stroke" an. Aktiviere sie um cleaner SVG-Code zu erhalten, der sich besser optimieren lässt. Entferne außerdem leere Gruppen und Ebenen vor dem Export.
✓ Aus Illustrator: 'SVG optimiert' wählen
Adobe Illustrator bietet verschiedene SVG-Profile. 'SVG optimiert' oder 'SVG 1.1' erzeugt cleaneren Code als die Standard-Export-Option. Deaktiviere 'Responsive' wenn du feste Dimensionen brauchst.
✓ IDs beibehalten wenn nötig
Jnrt Pixel entfernt keine Element-IDs, da diese häufig für CSS-Styling oder JavaScript-Manipulation benötigt werden. Für eine noch tiefere Optimierung kannst du SVGO via CLI verwenden.
✓ Für tiefere Optimierung: SVGO
Jnrt Pixel führt eine schnelle Whitespace-Minimierung durch. Für komplexe SVGs mit vielen Pfaden ist SVGO (Node.js CLI) oder svgomg.net für eine tiefere Optimierung geeignet — mit 30–60% Einsparung.

Häufige Fragen zur SVG-Optimierung

Verliere ich Animationen oder Interaktivität? +

Nein. Jnrt Pixel entfernt nur Whitespace und Kommentare aus dem SVG-Text. CSS-Animationen, JavaScript-Event-Handler und alle visuellen Eigenschaften bleiben vollständig erhalten.

Funktioniert das auch für sehr große SVGs? +

Ja, der Browser kann auch große SVG-Dateien verarbeiten. Bei sehr komplexen SVGs mit tausenden von Pfaden kann die Verarbeitung einen Moment dauern.

Wird GZIP-Komprimierung berücksichtigt? +

Nein — Jnrt Pixel reduziert die Zeichenzahl im SVG-Text. Wenn dein Webserver GZIP-Komprimierung aktiviert hat (was empfohlen wird), wird die tatsächlich übertragene Dateigröße noch kleiner sein.