SVG Optimierer
Verkleinere SVG-Dateien, indem du Editor-Metadaten, überflüssige Gruppen und unnötige Nachkommastellen entfernst – mit Vorschau nebeneinander, damit nichts kaputtgeht.
- Keine Uploads
- Funktioniert offline
- Kostenlos, ohne Anmeldung
- Dateien verlassen nie deinen Browser
SVG-Dateien hier ablegen
oder SVG-Code in den Editor einfügen. Du kannst mehrere Dateien gleichzeitig öffnen.
Dein SVG bleibt auf diesem Gerät. Nichts wird hochgeladen.
Anleitung: SVG Optimierer
- 1
SVG öffnen
Lege eine oder mehrere SVG-Dateien ab, exportiert aus Figma, Illustrator, Inkscape oder Sketch.
- 2
Einstellungen anpassen
Passe die Zahlengenauigkeit und Optionen wie IDs behalten oder width und height entfernen an. Die Vorher-Nachher-Vorschau aktualisiert sich sofort.
- 3
Übernehmen oder herunterladen
Übernimm das Ergebnis in den Editor (rückgängig machbar), kopiere es oder lade die optimierte Datei herunter.
Was der SVG Optimierer entfernt
Grafikprogramme schreiben viel Code, den Browser nie nutzen. Der Optimierer entfernt ihn, das Bild bleibt identisch:
- Editor-Metadaten, Kommentare und Namensräume von Illustrator, Inkscape oder Sketch
- Versteckte und leere Elemente, ungenutzte
defsund überflüssige Gruppen - Zusätzliche Nachkommastellen in Koordinaten, gesteuert über den Genauigkeitsregler
- Lange Pfadbefehle, umgeschrieben in eine kürzere gleichwertige Form
- Standardwerte von Attributen und doppelte Styles
Warum SVG-Dateien optimieren?
Kleinere SVGs laden schneller, was den Core Web Vitals hilft. Besonders wichtig ist das bei Inline-SVG in HTML, Icon-Sprites und React-Komponenten, wo jedes Byte in deinem JavaScript-Bundle landet. Saubererer Code ist außerdem leichter zu lesen, umzufärben und zu animieren.
Achte neben der Rohgröße auch auf die gzip-Größe: Sie liegt näher an dem, was dein Server tatsächlich überträgt.
Alles, was du für die Arbeit mit SVG brauchst
SVG Optimierer ist Teil eines Arbeitsbereichs zum Ansehen, Bearbeiten, Optimieren und Konvertieren von SVG-Dateien – ohne Anmeldung, ohne Werbung, ohne Uploads.
Sofortige Vorschau
Zoom bis 6400 %, verschieben, an den Bildschirm anpassen und dein SVG auf transparentem, weißem, schwarzem oder beliebigem Hintergrund prüfen.
Live-Code-Editor
Syntaxhervorhebung, Fehlermarkierungen pro Zeile, Formatieren und Minifizieren, Suche und vollständiger Rückgängig-Verlauf.
Kontur & Pixelraster
Sieh jeden Pfad im Konturmodus und prüfe beim Hineinzoomen die Pixelausrichtung mit dem Raster.
Prüfen
Datei- und gzip-Größe, viewBox, Elementbaum mit Hervorhebung beim Überfahren und Farbersetzung per Klick.
Mit SVGO optimieren
Dateien verkleinern mit Vorher-Nachher-Vorschau und einstellbarer Genauigkeit. Alle geöffneten Dateien auf einmal optimieren.
PNG, JPG, WebP & ICO
In jeder Größe bis 16384 px exportieren, mit Transparenz, oder das PNG direkt in die Zwischenablage kopieren.
React, Vue & Svelte
Saubere JSX/TSX-, React-Native-, Vue- und Svelte-Komponenten mit Unterstützung für currentColor und Props.
Viele Dateien auf einmal
Öffne viele SVGs als Tabs, optimiere sie gesammelt oder lade sie als ZIP mit SVGs oder PNGs herunter.
Privat & offline
Keine Uploads, kein Konto. Deine Arbeit wird im Browser gespeichert, und die App funktioniert nach dem ersten Besuch offline.
Häufige Fragen
Wie viel kleiner wird mein SVG?
Aus Grafikprogrammen exportierte Dateien schrumpfen oft um 30–80 %, weil SVGO Metadaten, Kommentare, versteckte Elemente und überflüssige Nachkommastellen entfernt. Die genaue Ersparnis siehst du, bevor du etwas übernimmst.
Verändert die Optimierung das Aussehen meines SVGs?
Die Standardeinstellungen sind für die meisten Dateien sicher. Wenn du die Genauigkeit stark senkst, vergleiche die Vorher-Nachher-Vorschau. Aktiviere „IDs behalten“, wenn dein CSS oder JavaScript Element-IDs anspricht.
Was ist SVGO?
SVGO ist der meistgenutzte Open-Source-SVG-Optimierer. viewsvg führt ihn in deinem Browser aus, sodass deine Dateien dein Gerät nie verlassen.
Werden meine SVG-Dateien irgendwo hochgeladen?
Nein. viewsvg läuft komplett in deinem Browser. Dateien werden auf deinem Gerät gelesen, angezeigt, optimiert und konvertiert, und nichts wird an einen Server gesendet. Nach dem ersten Besuch funktioniert es sogar offline.
Ist viewsvg kostenlos?
Ja. Alle Funktionen sind kostenlos, ohne Anmeldung, ohne Wasserzeichen und ohne Dateilimit.