Zum Inhalt springen

SVG-Miniaturierer

SVG-Markup verkleinern, indem XML-Abfall, Kommentare und Editor-Metadaten entfernt werden.

Eingabe
Ausgabe

SVG-Miniaturierer

Fügen Sie eine von Illustrator, Inkscape oder Figma exportierte SVG ein und dieses Tool gibt eine miniaturisierte Version mit gleichem Aussehen und viel kleinerer Dateigröße zurück. Es entfernt die XML-Deklaration, Kommentare, Editor-spezifische Metadaten (Inkscape- und Illustrator-Namespace-Elemente und -Attribute), leere Gruppen und Leerzeichen zwischen Tags — all die Dinge, die ein Browser oder ein <img>-Tag nie brauchte.

Dezimalstellen steuert, wie viele Stellen Koordinaten und andere numerische Attribute behalten, so wird "12.34567" auf zwei Dezimalstellen zu "12.35". "id und class entfernen" verwirft beides, außer eine id wird noch von einem url(#…)-Fill oder einem href="#…"-Verweis gezielt angesteuert — diese bleiben, so dass Verläufe, Clip-Pfade und <use>-Elemente weiterhin funktionieren. "Breite/Höhe entfernen, viewBox behalten" entfernt die äußeren Dimensionen nur, wenn ein viewBox vorhanden ist, das die Dimensionierung übernimmt, so dass das SVG immer noch korrekt skaliert wird. "Hex-Farben verkürzen" wandelt "#ffffff" in "#fff" um, wo alle drei Kanäle sich verdoppeln, und lässt alles andere unverändert.

Fehlerhaftes Markup — ein nicht geschlossenes oder nicht übereinstimmendes Tag — wird als Fehler statt mit Vermutungen behandelt, da eine Miniaturierer, die fehlerhaftes XML stillschweigend patcht, das Rendering ändern kann. Text innerhalb von <text>, <tspan> und eingebetteten <style>-Tags bleibt genau wie geschrieben, da Leerzeichen dort Teil des Inhalts, nicht der Formatierung sind. Windows- und Unix-Zeilenumbrüche werden gleich behandelt, und die Live-Bilanz zeigt Bytes ein, Bytes aus und den Prozentsatz an Speicherplatz.

Alles läuft lokal in Ihrem Browser: Das SVG verlässt Ihr Gerät nie, was für unveröffentlichte Icon-Sätze und Kundengrafiken wichtig ist. Kopieren Sie das Ergebnis, laden Sie es als .txt-Datei herunter, oder geben Sie es zurück in die Eingabe, um einen weiteren Durchgang mit unterschiedlichen Optionen anzuwenden.

Häufige Fragen

Ändert dies das Aussehen der SVG?
Nein. Es entfernt nur Markup, das keine visuelle Auswirkung hat — Kommentare, Metadaten, leere Gruppen und zusätzliche Leerzeichen — und rundet Koordinaten, was das Rendering um weniger als ein Pixel bei der Standardgenauigkeit ändert.
Ist es sicher, ids und classes zu entfernen?
Das Tool behält jede id bei, die noch von einem url(#…)-Fill/Stroke oder einem href="#…"-Link referenziert wird, so dass Verläufe, Clip-Pfade und wiederverwendete Icons funktionieren. Nur nicht referenzierte ids und alle classes werden entfernt.
Was passiert, wenn meine SVG einen Syntaxfehler hat?
Das Tool meldet es statt zu raten — ein nicht geschlossenes oder nicht übereinstimmendes Tag gibt eine ruhige Fehlermeldung zurück, damit Sie das Markup korrigieren und erneut versuchen können.
Bricht das Entfernen von Breite und Höhe das Bild?
Nur wenn ein viewBox vorhanden ist, löscht das Tool diese — das viewBox allein reicht aus, damit sich die SVG auf jede Größe skaliert, die sein Container ihm gibt.
Wird meine SVG irgendwo hochgeladen?
Nein. Die Miniaturisierung läuft vollständig in Ihrem Browser — Ihre Datei verlässt Ihr Gerät nie.