Minimieren Sie SVG Online – Entfernen Sie Leerzeichen und Metadaten

Minimieren Sie SVG sofort — wählen, neu ordnen, zusammenfügen und minimieren Sie mehrere .svg-Dateien als ein Bundle mit Ihren aktuellen Optionen. Entfernen Sie unnötige Leerzeichen und metadata-Elemente — alles bleibt in Ihrem Browser. Für die SVGO-Tiefenoptimierung verwenden Sie unser Optimierungstool SVG.

Laden…
SVG-Minifizierung
SVG online minifizieren. Markup verkleinern, indem Leerzeichen, Kommentare und metadata-Elemente entfernt werden.

Merkmale

Entfernen Sie unnötige Leerzeichen, Kommentare, metadata-Elemente und optional versteckte style-Elemente, ohne die visuelle Qualität zu ändern.

SVG minimieren

Entfernen Sie unnötige Leerzeichen, Kommentare, metadata-Elemente und optional versteckte style-Elemente, ohne die visuelle Qualität zu ändern.

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>

Was SVG-Minifizierung bewirkt

SVG-Minifizierung auf dieser Seite ist eine leichte Markup-Bereinigung, die die Grafik unverändert lässt. Kommentare können entfallen. Leerzeichen zwischen Tags werden entfernt. Zusätzliche Leerzeichen in Textläufen können verdichtet werden. Das Element <metadata> kann entfallen. Leere Attribute wie id="" können entfernt werden. Elemente, deren style display:none oder visibility:hidden ist, können Sie optional streichen. Die Barrierefreiheits-Tags <title> und <desc> bleiben. Ebenso viewBox, IDs und die Zahlen in path d. Das Ergebnis bleibt SVG-Quelle, kein Zip. Gzip und Brotli kommen später auf der Leitung — dieses Tool gzippt die Datei nicht. Diese Seite ist kein SVG-Optimizer. Sie schreibt Pfaddaten nicht um, rundet keine Koordinaten, ändert keine IDs, wandelt Styles nicht in Attribute und beschneidet ungenutzte <defs> nicht. Diese strukturellen Edits sind SVGO-Arbeit. Nutzen Sie diesen Durchgang für schnelle Leerzeichen-und-Kommentar-Bereinigung, etwa vor dem Inline-Einfügen eines Icons. Für Pfad-Umschreiben und Editor-Namespaces fahren Sie mit dem ergänzenden Tool SVG optimieren fort.

Wie FastMinify SVG minifiziert

FastMinify minifiziert SVG mit einer Regex-Pipeline im Tab. SVGO wird auf dieser Seite nicht geladen, der Tab bleibt leicht. Zwei Bereinigungen laufen immer: Leerzeichen zwischen Tags werden zu ><, und Leerzeichen um = entfallen. Der Schalter Leerzeichen reduzieren ist getrennt — standardmäßig an, verdichtet er übrige Leerzeichenfolgen. Ausgeschaltet bringt er keine Zeilenumbrüche zwischen Tags zurück. Kommentare entfernen (Standard an) löscht <!-- ... -->. Metadaten entfernen (Standard an) löscht nur <metadata>...</metadata> — keine Editor-Namespaces. <title> und <desc> bleiben. Leere Attribute (Standard aus) entfernt attr="". Versteckte Elemente (Standard aus) gelten nur für style-Werte display:none oder visibility:hidden, nicht das Attribut display="none", nicht hidden, nicht opacity="0". Path d, IDs und viewBox bleiben wie eingefügt.

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>

Beautify-Einrückungsoptionen ansehen →

Hinweise des Entwicklers

• Diese Seite entfernt Leerzeichen, Kommentare und <metadata>-Elemente, ohne SVGO zu laden (~780 KB). • Schalten Sie die Optionen vor dem Minimieren um — die Verarbeitung bleibt im Tab. • Für Pfad-Umschreiben und SVGO-Voreinstellungen wechseln Sie danach zu SVG optimieren. • Koppeln Sie mit validate SVG für viewBox- oder title/desc-Prüfungen.

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

Diese Seite ist der leichte Minify-Schritt. Für SVGO-Voreinstellungen und den Rest des Clusters öffnen Sie den SVG-Tools-Hub oder das ergänzende Tool SVG optimieren.

SVG-Dateien zusammenfügen

Auf Minify SVG wählen oder ziehen Sie mehrere .svg-Dateien, ordnen Sie sie neu und fügen Sie das vollständige Bundle einmal mit Ihren aktuellen Optionen zusammen und minimieren es. Die Verarbeitung bleibt in Ihrem Browser. Dateien werden nur mit Zeilenumbrüchen verbunden — ohne HTML-Kommentarmarkierungen im SVG-Markup. Dieser Workflow bündelt separate Symbole für die Minimierung; er erzeugt keine Sprite-Sheets. Für SVGO-Optimierung einer einzelnen Datei verwenden Sie optimize SVG.

Häufig gestellte Fragen – Minimieren

Alles zum Thema Minimierung

Warum SVG minimieren?

Die SVG-Minifizierung entfernt Leerzeichen, Kommentare und <metadata>-Elemente, um das Markup zu verkleinern. Sie gzippt die Datei nicht und schreibt Pfade nicht um.

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.

Wie füge ich mehrere SVG-Dateien zusammen und minimiere sie?

Auf Minify SVG nutzen Sie die Concat-Schaltfläche oder ziehen Sie zwei oder mehr .svg-Dateien auf das Eingabefeld, ordnen Sie sie neu und fügen Sie das vollständige Bundle einmal mit Ihren aktuellen Optionen zusammen und minimieren es. Alles läuft in Ihrem Browser. Dieser Workflow ist auf Beautify SVG und Unminify SVG nicht verfügbar. Dateien werden nur mit Zeilenumbrüchen verbunden — dies bündelt separate Symbole für die Minimierung, nicht für Sprite-Sheet-Generierung. Für SVGO-Optimierung einer einzelnen Datei verwenden Sie optimize SVG.

Selbst überprüfen

FastMinify verarbeitet Ihre Eingabe im Browser. Prüfen Sie das Netzwerk-Panel oder lesen Sie unser Validierungs-Gate, um zu bestätigen, dass nichts Ihr Gerät verlässt.

Minimieren

Verkleinern Sie Code und Ressourcen für die Produktion – minimieren Sie JavaScript, CSS, HTML, JSON und XML vor der Bereitstellung von gzip oder CDN.

Weitere Werkzeugkategorien entdecken

Verschönern

Machen Sie Code mit konsistenter Einrückung lesbar – verschönern Sie JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML und mehr in Ihrem Browser.

Aufheben

Erweitern Sie minimierten oder komprimierten Code – entminifizieren Sie JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML und andere Formate beim Debuggen oder Überprüfen.

Konvertierung

Transformieren Sie Daten zwischen JSON, YAML, XML und CSV lokal – keine Server-Uploads.

CSS-Präprozessoren

Kompilieren Sie SCSS oder LESS zu Standard-CSS im Browser — kombinieren Sie mit Beautify oder Minify für einen vollständigen Stylesheet-Workflow.

JSON Werkzeuge

Validieren, formatieren, vergleichen und erkunden Sie JSON-Nutzlasten – ergänzend zu Minifiern und Konvertern.

SVG Werkzeuge

Vorschau anzeigen, mit SVGO optimieren, Daten exportieren URI, Größe ändern, verschönern, in JSX konvertieren und SVG validieren – alles in Ihrem Browser.

DevOps und Infrastruktur

Terraform HCL formatieren/validieren/minimieren, Dockerfile formatieren und lint, Docker Verfassen und .env-Validierung.

CI/CD

GitHub Aktionen und GitLab CI – formatieren Sie YAML und überprüfen Sie die Workflow-/Auftragsstruktur in Ihrem Browser.

Protokolle und Beobachtbarkeit

Zeilenorientierte JSON/NDJSON- und Nginx/Apache-Zugriffsprotokolle – formatieren, filtern, validieren und CSV/TSV.

Kubernetes

Multi-Doc-Manifeste, strukturelle Validierung, Ingress/Deployment-Starter und Helm-Werteformatierung.

Netzwerk / IP

CIDR, Subnetze und IPv4/IPv6-Helfer — im Browser.

Sicherheit und Token

JWKS, X.509-Zertifikate und Secrets-Scan – browserlokal.

API & Schemata

OpenAPI Tools zum Formatieren, Validieren und Flusen Ihrer Spezifikationen.

Codierung

Kodieren oder dekodieren Sie Base64-, URL-Komponenten und HTML-Entitäten – nur clientseitig.

Entwickler-Dienstprogramme

Zeitstempel, UUID, ULID, Nanoid, Cron, Passwörter, Regex, Slugify, Zahlenbasen, Groß-/Kleinschreibung, Textunterschied und chmod – alles clientseitig.

Text & Markdown

Wörter zählen, Markdown-TOC erzeugen und Zeilenlisten bereinigen — im Browser.

KI & LLM

Token-Zählung, Kostenschätzung und Kontextfenster — 100 % im Browser.

Testdaten

Synthetische Feldwerte für Fixtures und DB-Seed — zuerst reservierte Telefonnummern.

Serialisierung

Serialisieren und deserialisieren Sie PHP-Datenstrukturen neben JSON-Workflows.