SVG-Dateien komprimieren

SVG (Scalable Vector Graphics) besteht nicht aus Pixeln — es ist eine in XML geschriebene Textdatei, die Formen, Pfade und Farben als mathematische Anweisungen beschreibt. Deshalb bleibt ein SVG-Logo in jeder Größe perfekt scharf, vom Favicon bis zur Plakatwand, und deshalb ist es das Format der Wahl für Icons, Logos und Illustrationen im Web. Da es Code ist und kein Raster, bedeutet SVG-Kompression, diesen Code aufzuräumen — nicht visuelles Detail wegzuwerfen. Die Ersparnis kostet also praktisch keine Qualität.

Design-Tools wie Illustrator, Figma und Sketch exportieren SVGs, die technisch korrekt, aber voller Unordnung sind. Dieser Überbau summiert sich schnell, besonders wenn du Dutzende Icons inline in eine Seite einbettest:

• Editor-Metadaten, Kommentare und Namespaces, die Browser ignorieren
• Übertriebene Dezimalpräzision bei Koordinaten (zehn Stellen, wo zwei reichen)
• Versteckte Ebenen, leere Gruppen und ungenutzte Definitionen
• Redundante Attribute und Inline-Styles, die sich vereinfachen ließen
• Leerzeichen und Einrückung für Menschen, nicht für Browser

MiCompress minifiziert dein SVG wie ein Build-Tool: Es entfernt Editor-Reste und Kommentare, rundet Koordinaten auf sinnvolle Präzision, fasst redundante Attribute zusammen, löscht versteckte und leere Elemente und presst unnötige Leerzeichen heraus. Das gerenderte Bild ist fürs Auge identisch, weil keine dieser Änderungen die eigentlichen Formen berührt — nur die Art, wie sie notiert sind. Das Ergebnis ist ein kleineres, saubereres SVG, das schneller rendert und sich leichter direkt in HTML oder CSS einbetten lässt.

Anders als bei JPG, PNG oder WebP ist SVG-Kompression im entscheidenden Sinne wirklich verlustfrei: Da du Code optimierst, der Vektoren beschreibt, skaliert die Grafik weiterhin unendlich und sieht auf jeder Zoomstufe pixelperfekt aus. Es gibt keinen Qualitätsregler und keinen Kompromiss abzuwägen. Das Einzige, was schrumpft, ist die Zeichenzahl der Datei — genau das, was du für ein Asset willst, das bei jedem Seitenaufruf geladen wird.

Für Logos, Icons und einfache Illustrationen schlägt SVG ein Rasterformat fast immer: meist kleiner, immer scharf und mit CSS stilisier- und animierbar. Greife nur dann zu PNG oder WebP, wenn das Bild ein Foto ist oder komplexes, malerisches Detail hat, das sich nicht auf saubere Vektorpfade reduzieren lässt. Exportierst du Icons noch als PNG, spart der Wechsel zu minifiziertem SVG typischerweise Gewicht und beseitigt die Unschärfe auf hochauflösenden Bildschirmen.