Minimieren Sie SVG Online – Entfernen Sie Leerzeichen und Metadaten

Minimieren Sie SVG sofort mit unserem kostenlosen Online-Tool. Entfernen Sie Editor-Metadaten und unnötige Leerzeichen für weniger Markup – alles wird in Ihrem Browser verarbeitet. Für die SVGO-Tiefenoptimierung verwenden Sie unser Optimierungstool SVG.

Laden…
SVG Optimierung
SVG online minimieren und optimieren. Verkleinern Sie Dateien, indem Sie Metadaten und unnötige Leerzeichen entfernen.

Merkmale

Entfernen Sie unnötige Leerzeichen, Kommentare, Metadaten und versteckte Elemente aus SVG-Dateien, um die Dateigröße zu reduzieren und gleichzeitig die visuelle Qualität beizubehalten.

SVG minimieren

Entfernen Sie unnötige Leerzeichen, Kommentare, Metadaten und versteckte Elemente aus SVG-Dateien, um die Dateigröße zu reduzieren und gleichzeitig die visuelle Qualität beizubehalten.

Einfaches Beispiel

Eingabe SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="40" fill="blue"/> <rect x="20" y="20" width="60" height="60" fill="red"/> </svg>

Minimiert SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="blue"/><rect x="20" y="20" width="60" height="60" fill="red"/></svg>

Minifizierungsoptionen

Kommentare entfernen
Entfernt alle SVG-Kommentare (<!-- ... -->) aus dem Code

Vergleich mit/ohne Option:

Originalcode
<svg> <!-- This is a comment --> <circle cx="50" cy="50" r="40"/> </svg>
Mit RemoveComments: true
<svg><circle cx="50" cy="50" r="40"/></svg>
Mit „removeComments: false“.
<svg><!-- This is a comment --><circle cx="50" cy="50" r="40"/></svg>
Leerzeichen reduzieren
Reduziert mehrere Leerzeichen in einzelne Leerzeichen

Vergleich mit/ohne Option:

Originalcode
<svg> <text> Mehrere Leerzeichen </text> <g> Gruppe </g> </svg>
Mit CollapseWhitespace: true
<svg><text> Mehrere Leerzeichen </text><g> Gruppe </g></svg>
Mit CollapseWhitespace: false
<svg><text> Multiple spaces </text><g> Group </g></svg>
Metadaten entfernen
Entfernt Metadatenelemente aus dem SVG-Code

Vergleich mit/ohne Option:

Originalcode
<svg> <metadata>Einige Metadaten</metadata> <circle cx="50" cy="50" r="40"/> </svg>
Mit removeMetadata: true
<svg><circle cx="50" cy="50" r="40"/></svg>
Mit RemoveMetadata: false
<svg><metadata>Some metadata</metadata><circle cx="50" cy="50" r="40"/></svg>
Leere Attribute entfernen
Entfernt Attribute mit leeren Werten

Vergleich mit/ohne Option:

Originalcode
<svg> <circle cx="50" cy="50" r="40" id="" class=""/> </svg>
Mit removeEmptyAttributes: true
<svg><circle cx="50" cy="50" r="40"/></svg>
Mit removeEmptyAttributes: false
<svg><circle cx="50" cy="50" r="40" id="" class=""/></svg>
Verborgene Elemente entfernen
Entfernt Elemente mit den Stilen „display:none“ oder „visibility:hidden“.

Vergleich mit/ohne Option:

Originalcode
<svg> <circle cx="50" cy="50" r="40" style="display:none"/> <rect x="10" y="10" width="20" height="20" style="visibility:hidden"/> </svg>
Mit removeHiddenElements: true
<svg></svg>
Mit removeHiddenElements: false
<svg><circle cx="50" cy="50" r="40" style="display:none"/><rect x="10" y="10" width="20" height="20" style="visibility:hidden"/></svg>

Merkmale

Unser SVG-Optimierungstool bietet einen vollständigen Satz an Funktionen für die Arbeit mit SVG-Dateien.

SVG minimieren

Entfernen Sie unnötige Leerzeichen, Kommentare, Metadaten und versteckte Elemente aus SVG-Dateien, um die Dateigröße zu reduzieren und gleichzeitig die visuelle Qualität beizubehalten.

SVG aufheben

Restoder lesbare Formatierung für minimierten SVG-Code mit korrekter Einrückung und Zeilenumbrüchen für einfaches Bearbeiten und Debuggen.

SVG optimieren

Gehen Sie über die Minimierung hinaus, indem Sie Editor-Metadaten entfernen, Pfade vereinfachen und nicht verwendete Elemente bereinigen, um die Dateigröße maximal zu reduzieren.

Hinweise des Entwicklers

• Schnelles Minimieren auf Minify-svg entfernt Leerzeichen, Kommentare und Editor-Metadaten, ohne SVGO zu laden (~780 KB). • Schalten Sie vor dem Minimieren die Optionen um (Kommentare entfernen, Leerzeichen reduzieren, Metadaten entfernen) – die gesamte Verarbeitung bleibt im Tab. • Um den Pfad zu vereinfachen und SVGO-Voreinstellungen vorzunehmen, wechseln Sie nach diesem schnellen Durchgang zu , um SVG zu optimieren. • Koppeln Sie es mit validate SVG, wenn Sie ViewBox- oder Titel-/Abstiegsprüfungen benötigen, bevor Sie Symbole versenden.

Wenn Teams diese Route wählen

• Entfernen Sie Leerzeichen von Symbolen, die vor dem Commit in HTML oder React-Komponenten eingefügt werden. • Erster Bereinigungsdurchlauf für Figma/Illustrator-Exporte vor einer tiefergehenden SVGO-Optimierung. • Komprimieren Sie Sprite-Kandidaten, wenn Sie nur Kommentare und Leerzeichen entfernen müssen. • Verwenden Sie beautify SVG oder unminify SVG, um das Markup zu überprüfen, und kehren Sie dann zur Produktionsminimierung hierher zurück.

SVG Cluster-Tools

Die schnelle Minimierung auf dieser Seite ist ein Schritt im SVG-Workflow. Für SVGO-Voreinstellungen, Vorschau, Daten-URI-Export, JSX-Konvertierung, Größenänderung und Validierung öffnen Sie den SVG-Tools-Hub oder springen Sie direkt zu Optimieren SVG.

So funktioniert die SVG-Optimierung

Die SVG-Optimierung geht über die einfache Minimierung hinaus. Während die Minimierung Leerzeichen und Kommentare entfernt, analysiert die Optimierung die SVG-Struktur, um Editor-Metadaten (aus Tools wie Illustrator oder Inkscape) zu entfernen, Pfaddaten zu vereinfachen, kompatible Elemente zusammenzuführen und ausgeblendete oder nicht verwendete Definitionen zu entfernen. Dadurch kann die Dateigröße von SVG ohne optische Veränderung um 20–60 % reduziert werden.

SVG Optimierung vs. Minimierung – Was ist der Unterschied?

Durch die schnelle Minimierung auf dieser Seite werden Leerzeichen, Zeilenumbrüche und Kommentare entfernt – ideal vor dem Inline-Einbetten von Symbolen. Die umfassende Optimierung mit SVGO entfernt Editor-Metadaten, vereinfacht Pfade und bereinigt ungenutzte Defs – verwenden Sie für diesen Workflow unser spezielles optimize SVG-Tool. Beide bewahren die visuelle Ausgabe. Koppeln Sie mit validate SVG oder durchsuchen Sie den SVG Tools Hub.

Häufig gestellte Fragen – Minimieren

Alles zum Thema Minimierung

Warum SVG minimieren?

Durch die SVG-Minimierung werden Leerzeichen, Kommentare und Editor-Metadaten entfernt, um die Dateigröße zu reduzieren.

Müssen Sie SVG entminifizieren?

Verwenden Sie unseren SVG-Unminifier, um komprimiertes Markup zu überprüfen.

Müssen Sie SVG verschönern?

Verwenden Sie unseren SVG-Verschönerer für eine lesbare SVG-Formatierung.

Benötigen Sie eine tiefergehende SVGO-Optimierung?

Verwenden Sie optimize SVG für SVGO sichere, standardmäßige und aggressive Voreinstellungen.

Suchen Sie nach Konvertern, Encodern, Formatierern und Minifiern an einem Ort? Hub für Entwicklertools Öffnen Sie den kuratierten Entwicklertools-Katalog.

Andere Aktionen für diese Sprache