✂️ SVG-Optimierung
Entfernt unnötige Metadaten, Kommentare, Leerzeichen und Editor-Tags aus SVG-Dateien und rundet Dezimalstellen ab, um die Größe erheblich zu reduzieren. Unterstützt auch die Ausgabe in CSS / HTML / JSX / Vue Formate.
100% Free
No signup
Browser-only
5 languages
Dark mode
Vorschau
🔗 Verwandte Tools
📖 Wie man es benutzt
-
1
Paste SVG or open a filePaste SVG code into the left textarea or click Open to load an SVG file. Use the Sample button to try a demo SVG.
-
2
Select optimization optionsToggle checkboxes such as remove comments, strip metadata, strip editor attributes, and collapse whitespace. Reducing decimal precision can cut size further.
-
3
Copy output or choose a formatThe optimized SVG appears on the right. Switch the format dropdown to output as CSS background-image data URI, HTML img, JSX, or Vue.
❓ Häufig gestellte Fragen
How much size reduction can I expect?
SVGs exported from Inkscape or Illustrator contain lots of metadata. A 20–60% size reduction is typical. Enabling all options achieves the maximum reduction.
Does removing title/desc affect accessibility?
Yes. If you use the SVG as an img it is usually fine, but inline accessible icons should keep title and desc tags.
Can I use the JSX output directly in React?
Yes. Selecting JSX converts kebab-case attributes to camelCase and replaces class with className, ready to paste into a React component.
🐛 Sind Sie auf ein Problem mit diesem Tool gestoßen?
Vollständig kostenlos und ohne Registrierung. Auch Reproduktionsschritte sind ausreichend. Eingegangene Berichte werden direkt an die Betreiber weitergeleitet und dienen als Referenz für Korrektionen.
✅
Vielen Dank für Ihren Bericht!
An den Administrator übermittelt. Wir werden es als Referenz für Verbesserungen nutzen.