StartseiteDesign-ToolsSVG-Betrachter und -Optimierer

SVG-Betrachter und -Optimierer

Der SVG Viewer und Optimizer rendert eingefügtes SVG-Markup als Live-Vorschau und minifiziert es, indem er XML-Deklaration, Kommentare, title-, desc- und metadata-Elemente sowie überflüssigen Leerraum entfernt – und zeigt die eingesparte Größe an.

Über dieses Tool

Der SVG Viewer und Optimizer rendert eingefügtes SVG-Markup als Live-Vorschau und minifiziert es, indem er XML-Deklaration, Kommentare, title-, desc- und metadata-Elemente sowie überflüssigen Leerraum entfernt – und zeigt die eingesparte Größe an.

So funktioniert’s

  1. Füge deinen SVG-Code in das Eingabefeld ein.
  2. Sieh dir die Live-Vorschau an.
  3. Klicke auf „SVG optimieren“, um es zu minifizieren und die Größenersparnis zu sehen.
  4. Kopiere die Ausgabe oder lade sie als .svg-Datei herunter.

Gut zu wissen

  • Editoren wie Illustrator und Inkscape fügen oft Kommentare, Metadaten und Leerraum hinzu, die Browser nicht brauchen.
  • Wird dieses Markup entfernt, ist ein SVG meist spürbar kleiner, ohne dass sich sein Aussehen ändert.
  • Dieser Optimizer entfernt title- und desc-Elemente; behalte einen title, wenn das SVG einen barrierefreien Namen braucht.
  • Die Vorschau rendert das SVG als Bild, sodass Scripts in der Datei nicht ausgeführt werden.
  • SVG-Dateien lassen sich auf deinem Webserver gut mit gzip oder Brotli komprimieren.

Läuft komplett in deinem Browser – nichts, was du eingibst, wird hochgeladen oder gespeichert.

Häufige Fragen

Wie kann ich eine SVG-Datei ansehen?

Öffne sie in einem beliebigen modernen Browser oder füge ihren Code hier ein, um sofort eine Vorschau zu sehen.

Wie verkleinere ich eine SVG-Datei?

Entferne Editor-Metadaten, Kommentare und unnötigen Leerraum – genau das macht „SVG optimieren“. Für noch mehr Ersparnis kann ein Tool wie SVGO zusätzlich Pfade vereinfachen.

Kann ich hier bedenkenlos SVG-Code einfügen?

Ja. Das SVG wird ausschließlich in deinem Browser verarbeitet und angezeigt, und zwar als Bild, sodass eingebettete Scripts nicht ausgeführt werden.

Verändert das Optimieren das Aussehen meines SVG?

Nein. Nur nicht sichtbare Inhalte wie Kommentare, Metadaten und Leerraum werden entfernt; Formen und Farben bleiben gleich.