SVG Optimierer

SVG-Dateien mit SVGO minifizieren und komprimieren. Metadaten, Kommentare und redundanten Code entfernen — alles im Browser.

Bulk SVG Optimization — Pro

Optimize up to 50 SVG files at once and download as a ZIP.

Massenverarbeitung — Pro-Funktion

Verarbeiten Sie mit Pro bis zu 50 Dateien auf einmal. Sparen Sie Stunden wiederholender Arbeit.

Auf Pro upgraden — 8 $/Monat

Angewandte SVGO-Optimierungs-Plugins

Plugin	Was es tut
removeComments	Removes XML and SVG comments
removeMetadata	Removes <metadata> blocks added by design tools
cleanupAttrs	Cleans up attribute formatting and whitespace
minifyStyles	Minifies inline CSS style attributes
cleanupIds	Removes unused IDs and shortens referenced ones
convertColors	Converts colors to shorter hex notation
convertPathData	Optimises path data commands and coordinates
mergePaths	Merges adjacent paths with identical styles
collapseGroups	Collapses unnecessary group elements
removeUselessDefs	Removes <defs> with no referenced elements

SVG-Dateigrößen-Tipps

1.Export SVGs from Figma or Illustrator using "optimised" export presets to reduce work for the optimizer.
2.Avoid embedding raster images (PNG/JPEG) inside SVG files — use proper image formats for photographic content.
3.Use CSS classes instead of inline styles when the same style appears on multiple elements.
4.Round coordinates to 1–2 decimal places manually if precision is not critical — this reduces path data size significantly.
5.For icons used in many places, consider SVG sprites or symbol definitions to avoid repeating identical paths.

SVG-Optimierer FAQ

Was macht SVG-Optimierung?

SVG-Optimierung entfernt unnötigen Inhalt aus SVG-Dateien: Editor-Metadaten, Kommentare, versteckte Elemente, Standard-Attributwerte und redundante Leerzeichen. Außerdem werden Pfade zusammengeführt, Formen in kürzere Äquivalente konvertiert und Dezimalkoordinaten gerundet. Das Ergebnis ist ein kleineres, saubereres SVG, das identisch gerendert wird.

Wie stark können SVG-Dateien komprimiert werden?

Die Einsparungen variieren stark, je nachdem, wie das SVG erstellt wurde. Export aus Illustrator oder Inkscape: 50-80% Reduktion. Handoptimierte SVGs: 10-30%. SVGs aus Design-Tools wie Figma sind bereits etwas sauberer: 20-50%. Dieses Tool zeigt die genauen Byte-Einsparungen.

Verändert die Optimierung das Aussehen des SVG?

Mit Standardeinstellungen ist die Optimierung verlustfrei — das optimierte SVG wird identisch zum Original gerendert. Aggressive Optionen wie das Entfernen von viewBox oder das Zusammenführen von Stilen könnten die Skalierung oder externe Formatierung beeinflussen. Dieses Tool verwendet sichere Standard-SVGO-Presets.

Kann ich das optimierte SVG in HTML einbetten?

Ja. Ein optimiertes Inline-SVG kann direkt in HTML eingefügt werden. Für img-Tags oder CSS-Hintergründe als .svg-Datei speichern. Für sehr kleine Icons erwägen Sie eine Konvertierung in einen Data-URI (z.B. url("data:image/svg+xml,...")) für null HTTP-Anfragen.

Angewandte SVGO-Optimierungs-Plugins

Plugin	Was es tut
removeComments	Removes XML and SVG comments
removeMetadata	Removes <metadata> blocks added by design tools
cleanupAttrs	Cleans up attribute formatting and whitespace
minifyStyles	Minifies inline CSS style attributes
cleanupIds	Removes unused IDs and shortens referenced ones
convertColors	Converts colors to shorter hex notation
convertPathData	Optimises path data commands and coordinates
mergePaths	Merges adjacent paths with identical styles
collapseGroups	Collapses unnecessary group elements
removeUselessDefs	Removes <defs> with no referenced elements

SVG-Dateigrößen-Tipps

1.Export SVGs from Figma or Illustrator using "optimised" export presets to reduce work for the optimizer.

2.Avoid embedding raster images (PNG/JPEG) inside SVG files — use proper image formats for photographic content.

3.Use CSS classes instead of inline styles when the same style appears on multiple elements.

4.Round coordinates to 1–2 decimal places manually if precision is not critical — this reduces path data size significantly.

5.For icons used in many places, consider SVG sprites or symbol definitions to avoid repeating identical paths.

SVG Optimierer

Bulk SVG Optimization — Pro

Massenverarbeitung — Pro-Funktion

Angewandte SVGO-Optimierungs-Plugins

SVG-Dateigrößen-Tipps

SVG-Optimierer FAQ

Was macht SVG-Optimierung?

Wie stark können SVG-Dateien komprimiert werden?

Verändert die Optimierung das Aussehen des SVG?

Kann ich das optimierte SVG in HTML einbetten?

Image tools

SVG Optimierer

Bulk SVG Optimization — Pro

Massenverarbeitung — Pro-Funktion

Angewandte SVGO-Optimierungs-Plugins

SVG-Dateigrößen-Tipps

SVG-Optimierer FAQ

Was macht SVG-Optimierung?

Wie stark können SVG-Dateien komprimiert werden?

Verändert die Optimierung das Aussehen des SVG?

Kann ich das optimierte SVG in HTML einbetten?