SVG Viewer
SVG-Dateien online ansehen: Datei ablegen oder Code einfügen und sofort Vorschau, Zoom und Bearbeitung nutzen. Alles passiert in deinem Browser.
- 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 Viewer
- 1
SVG öffnen
Ziehe eine oder mehrere .svg-Dateien hierher, füge SVG-Code ein oder wähle Dateien von deinem Gerät.
- 2
Ansehen und bearbeiten
Die Vorschau aktualisiert sich beim Tippen. Zoome, verschiebe, ändere den Hintergrund oder schalte den Konturmodus ein, um jeden Pfad zu sehen.
- 3
Exportieren
Optimiere mit SVGO und lade dann SVG, PNG, JPG, WebP oder ICO herunter, oder kopiere React-, Vue- oder Data-URI-Code.
Was ist ein SVG Viewer?
Ein SVG Viewer öffnet Scalable Vector Graphics (.svg) und stellt sie auf dem Bildschirm dar. Da SVG ein Textformat ist, zeigt ein guter Viewer auch den Code hinter dem Bild – so siehst du genau, warum eine Form, eine Farbe oder ein Verlauf so aussieht, wie er aussieht.
viewsvg ist ein kostenloser Online-SVG-Viewer und Editor. Er zeigt deine Datei an, sobald du sie ablegst, und lässt dich von 2 % bis 6400 % zoomen, verschieben und das Bild auf transparentem, weißem, schwarzem oder eigenem Hintergrund prüfen. Der Code-Editor steht direkt neben der Vorschau und aktualisiert sie beim Tippen – Ansehen und Korrigieren passieren an einem Ort.
SVG-Datei öffnen – auf jedem Gerät
Am schnellsten öffnest du ein SVG auf jedem Gerät hier: Klicke auf Öffnen oder ziehe die Datei auf diese Seite. Das funktioniert in Chrome, Edge, Safari und Firefox auf Desktop und Smartphone, ohne Installation. Auch dein Betriebssystem kann SVGs anzeigen, allerdings mit Einschränkungen:
Windows
Windows zeigt im Datei-Explorer und in der Fotos-App standardmäßig keine SVG-Vorschau. Klicke mit der rechten Maustaste auf die Datei, wähle Öffnen mit und dann Microsoft Edge oder Chrome, oder installiere Microsoft PowerToys für SVG-Miniaturansichten und das Vorschaufenster. Um den Code zu sehen oder das Bild zu bearbeiten, öffne es stattdessen in viewsvg.
Mac
Wähle die Datei im Finder aus und drücke die Leertaste für die Übersicht (Quick Look), oder öffne sie in Safari. Beides zeigt weder Code noch viewBox noch Dateigröße. Leg die Datei hier ab, um diese Infos zu sehen.
iPhone und iPad
Die Dateien-App kann viele SVGs anzeigen. Für Zoom, eine Prüfung des transparenten Hintergrunds oder einen PNG-Export öffne viewsvg in Safari, tippe auf Öffnen und wähle die Datei aus Dateien oder iCloud Drive.
Android
Die meisten Android-Galerie-Apps unterstützen kein SVG. Öffne diese Seite in Chrome, tippe auf Öffnen und wähle die Datei aus deinem Speicher oder Google Drive.
Linux
Die GNOME-Bildanzeige, Gwenview und die meisten Dateimanager zeigen SVG-Dateien an. Nutze viewsvg, wenn du zusätzlich den Code, eine Optimierung oder einen PNG-Export brauchst.
Was ist eine SVG-Datei?
SVG (Scalable Vector Graphics, skalierbare Vektorgrafik) ist ein XML-basiertes Bildformat des W3C. Statt Pixeln beschreibt eine SVG-Datei Formen: Pfade, Kreise, Rechtecke, Text und Verläufe, mit Koordinaten innerhalb einer viewBox. Deshalb bleiben SVGs in jeder Größe scharf – vom 16-px-Favicon bis zur Plakatwand – und deshalb sind einfache Icons oft kleiner als das entsprechende PNG.
Jeder Browser unterstützt SVG, daher ist es das Standardformat für Logos, Icons, Illustrationen, Diagramme und UI-Grafiken im Web. Da die Datei reiner Text ist, kannst du sie in jedem Code-Editor öffnen – wie sie aussieht, siehst du aber erst gerendert. Ein SVG Viewer zeigt dir beides.
Warum viewsvg statt Browser-Tab oder Grafikprogramm?
Ein SVG in einem Browser-Tab zu öffnen zeigt das Bild, mehr nicht. Ein Grafikprogramm wie Illustrator, Figma oder Inkscape kann es bearbeiten, startet aber langsam und schreibt den Code oft um. viewsvg liegt dazwischen:
| Funktion | Browser-Tab | Grafikprogramm | viewsvg |
|---|---|---|---|
| Öffnet sofort, ohne Installation | Ja | Nein | Ja |
| Zoomen, verschieben, einpassen | Eingeschränkt | Ja | Ja, bis 6400 % |
| Code live sehen und bearbeiten | Nein | Nein | Ja |
| Transparenter, dunkler und eigener Hintergrund | Nein | Ja | Ja |
| Konturmodus und Pixelraster | Nein | Ja | Ja |
| Optimierung mit SVGO | Nein | Nein | Ja |
| Export als PNG, JPG, WebP, ICO, JSX | Nein | Teilweise | Ja |
| Dateien bleiben auf deinem Gerät | Ja | Ja | Ja |
Auch für Dateien, denen du nicht traust, ist es sicher: Skripte, Event-Handler und javascript:-Links werden vor der Anzeige entfernt.
Alles, was du für die Arbeit mit SVG brauchst
SVG Viewer 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 kann ich eine SVG-Datei online ansehen?
Ziehe die .svg-Datei auf diese Seite oder klicke auf „Öffnen“ und wähle sie aus. Das SVG erscheint sofort in der Vorschau, und sein Code steht im Editor, sodass du ihn live ändern kannst.
Mit welchem Programm öffnet man SVG-Dateien?
Jeder moderne Browser (Chrome, Edge, Safari, Firefox) kann SVG-Dateien öffnen, ebenso Grafikprogramme wie Illustrator, Inkscape und Figma. Ein Online-SVG-Viewer wie viewsvg funktioniert auf jedem Gerät ohne Installation und zeigt zusätzlich Code, Größe und viewBox.
Wie sehe ich den Code einer SVG-Datei?
Öffne die Datei hier: Ihr Quellcode erscheint im Editor neben der Vorschau, mit Syntaxhervorhebung und Zeilennummern. Mit Formatieren wird minifizierter Code eingerückt und gut lesbar.
Kann ich den SVG-Code bearbeiten und Änderungen live sehen?
Ja. Der Code-Editor bietet Syntaxhervorhebung, Fehlermarkierungen und Rückgängig. Jede Änderung zeichnet die Vorschau neu. Drehen, Spiegeln, Größe ändern und Umfärben geht auch ohne den Code anzufassen.
Warum zeigt mein SVG einen Fehler?
SVG ist XML und muss daher wohlgeformt sein: geschlossene Tags, Attribute in Anführungszeichen und ein <svg>-Wurzelelement mit xmlns="http://www.w3.org/2000/svg". viewsvg markiert die genaue Zeile mit dem Problem und lässt die letzte gültige Vorschau stehen, während du korrigierst.
Kann ich mehrere SVG-Dateien gleichzeitig öffnen?
Ja. Lege mehrere Dateien ab, und jede öffnet sich als Tab. Du kannst zwischen ihnen wechseln, alle auf einmal optimieren oder sie als ZIP mit SVGs oder PNGs herunterladen.
Kann ich SVG-Dateien auf dem Smartphone ansehen?
Ja. viewsvg funktioniert in Safari und Chrome auf dem Smartphone. Tippe auf Öffnen, um ein SVG aus deinen Dateien zu wählen, zoome mit zwei Fingern und verschiebe durch Ziehen.
Zeigt der Viewer animierte SVGs an?
Ja. SMIL-Animationen (<animate>, <animateTransform>) und CSS-Animationen im SVG laufen in der Vorschau. Nur Skripte werden entfernt.
Ist es sicher, SVG-Dateien aus unbekannten Quellen zu öffnen?
viewsvg entfernt Skripte, Event-Handler und javascript:-Links vor dem Rendern und stellt das SVG in einem isolierten Shadow DOM dar, sodass seine Styles die Seite nicht beeinflussen.
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.