Verschönern Sie SVG online – kostenloser SVG-Formatierer

Verschönern Sie Ihr SVG-Markup sofort mit unserem kostenlosen Online-Tool. Formatieren Sie SVG mit lesbarem Einzug. Die gesamte Verarbeitung erfolgt in Ihrem Browser.

Laden…
SVG Verschönerung
SVG online beautify. Konsistente Einrückung — sofortige Browserverarbeitung, keine Uploads.

Merkmale

Formatieren Sie das SVG-Markup mit lesbarer Einrückung, ohne die Darstellung der Grafik zu ändern.

Verschönern SVG

Formatieren Sie das SVG-Markup mit lesbarer Einrückung, ohne die Darstellung der Grafik zu ändern.

Einfaches Beispiel

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>

Verschönert 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

Beautify-Optionen
Einrückungsoptionen für Beautify und Unminify (nicht von Minify verwendet)

Einrückungsgröße

Anzahl der Leerzeichen (oder Tabulatorbreite) beim Formatieren von SVG.

Einrückungstyp

Leerzeichen oder Tabulatoren beim Beautify von SVG verwenden.

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.

Häufig gestellte Fragen – Verschönern

Alles zum Thema Verschönerung

Was macht der SVG Verschönerer?

Es formatiert SVG-Markup mit lesbarem Einzug, ohne die Darstellung der Grafik zu ändern.

Verschönern vs. optimieren (minimieren)?

Zur besseren Lesbarkeit verschönern; minimieren Sie SVG, um die Produktionsressourcen zu verkleinern.

Wird mein SVG auf einen Server hochgeladen?

Nein. Die Formatierung läuft vollständig in Ihrem Browser — Ihr SVG verlässt Ihr Gerät nicht und wird nicht von FastMinify gespeichert.

Beautify oder Unminify — was soll ich nutzen?

Beautify formatiert lesbares SVG; Unminify stellt komprimierte Ausgabe wieder her — probieren Sie den SVG-Unminifier. Für tägliches Formatieren bleiben Sie auf dem SVG-Beautifier.

Indentation anpassen?

Ja — wählen Sie 2 oder 4 Leerzeichen oder Tabs in den Beautify-Optionen.

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.

Weitere Werkzeugkategorien entdecken