SVG-Minimierer

SVG-Dateien verkleinern, Editor-Metadaten und unsicheren Code entfernen und das Ergebnis in einer Vorschau prüfen — direkt im Browser.

Über SVG-Minimierer

Was es ist

Dieses Tool bereinigt und komprimiert SVG-Code aus Figma, Illustrator oder anderen Editoren. Es entfernt Editor-Metadaten, rundet Koordinaten auf die gewünschte Genauigkeit und entfernt standardmäßig Skripte und Event-Handler. Eine Live-Vorschau und die Größe vorher und nachher zeigen, dass das Icon gleich aussieht.

Hauptfunktionen

  • Editor-Metadaten aus Figma, Illustrator und anderen entfernt.
  • Koordinatengenauigkeit nach deiner Wahl.
  • Skripte, on*-Event-Handler und javascript:-Links entfernt, standardmäßig an.
  • Optional: width/height entfernt für responsive SVGs, Farben durch currentColor ersetzt.
  • Eine Vorschau mit der Größe vorher und nachher; mehrere Dateien auf einmal.

So funktioniert es

  1. Füge SVG-Code ein, zieh eine oder mehrere Dateien auf den Editor oder klick auf „Beispiel“.
  2. Wähle die Koordinatengenauigkeit und die gewünschten Optionen.
  3. Prüfe die Vorschau und die Größe vorher und nachher.
  4. Kopiere das Ergebnis, lade es herunter oder schick es an ein anderes Tool weiter.

Wann es hilft

  • Icons verkleinern, bevor sie in eine Website oder App kommen.
  • Ein SVG von einem Designer bereinigen, bevor es in den Code kommt.
  • Ein Icon die Farbe des umgebenden Textes übernehmen lassen.

Datenschutz und Grenzen

Deine Daten

Dein SVG wird im Browser verarbeitet und nicht auf einen Server hochgeladen — die Website erhält nur ein anonymes Ereignis „Tool geöffnet“, ohne Inhalt. Ein Ergebnis, das du an ein anderes Tool schickst, bleibt 24 Stunden auf diesem Gerät unter „Letzte Aktivität“.

Grenzen

  • Die Eingabe muss gültiges XML mit einem <svg>-Wurzelelement sein; sonst entsteht kein Ergebnis.
  • Wird ein minimiertes Ergebnis nicht korrekt dargestellt, wird es zurückgehalten — versuch eine höhere Genauigkeit.

Häufige Fragen

Ist es sicher, ein SVG unbekannter Herkunft einzufügen?

SVG kann Skripte enthalten. Das Tool entfernt standardmäßig <script>, on*-Attribute und javascript:-Links, und die Vorschau wird angezeigt, ohne sie auszuführen.

Was bewirkt currentColor?

Es ersetzt jede fill- und stroke-Farbe durch currentColor, sodass das Icon die Textfarbe der Stelle übernimmt, an der du es verwendest — praktisch für Icons, die einem Theme folgen sollen.

Warum width und height entfernen?

Ohne feste width und height, aber mit erhaltener viewBox, skaliert das SVG mit seinem Container — meist genau das, was ein responsives Layout braucht.