SVG-Datei öffnen, SVG-Code einfügen oder Beispiel laden, um es hier zu sehen.
SVG öffnen, um seine Elemente zu untersuchen.
Dieser SVG Viewer zeigt SVG-Dateien sicher an: Zeichnung zoomen, Größe und viewBox ablesen und jedes Element mit seinen Attributen untersuchen. Eine .svg-Datei öffnen oder SVG-Code einfügen – nichts wird hochgeladen.
Zuletzt aktualisiert:
So funktioniert’s
SVG öffnen oder einfügen
Eine .svg- oder .svgz-Datei auf den Codebereich ziehen, „Datei öffnen“ wählen, den Code einfügen oder mit „Beispiel laden“ starten.
Zoomen, verschieben, untersuchen
Mit dem Mausrad oder zwei Fingern zoomen, durch Ziehen verschieben, mit „Einpassen“ die ganze Zeichnung zeigen. Ein Element im Baum oder in der Vorschau anklicken, um seine Attribute zu sehen.
Bearbeiten, bereinigen, umwandeln
Den Code ändern und die Vorschau mitverfolgen, mit „Optimieren (SVGO)“ verkleinern, „Bereinigtes SVG herunterladen“ oder per „→ PNG“ an den Konverter übergeben.
Funktionen
Sichere Vorschau
Skripte, Event-Handler, foreignObject, javascript:-Links und externe Verweise werden vor der Anzeige entfernt. Eine manipulierte SVG-Datei kann so keinen Code ausführen.
Scharfer Zoom von 1 % bis 6400 %
Die Zeichnung wird bei jeder Zoomstufe neu als Vektorgrafik gezeichnet und bleibt deshalb gestochen scharf.
Hintergründe, Raster und Maße
Transparenz auf dem Schachbrett prüfen oder Weiß, Schwarz bzw. eine beliebige Farbe wählen; ein Raster hilft beim Ausrichten von Icons. Die Statuszeile nennt Breite, Höhe, viewBox, Dateigröße sowie die Zahl der Elemente und Pfade.
Element-Inspektor und Live-Code
Den Elementbaum durchsuchen, Formen in der Vorschau hervorheben und Attribute lesen. Der hervorgehobene Code ist editierbar; die SVGO-Bereinigung läuft in einem Web Worker im Hintergrund.
Grenzen & Datenschutz
Vorschau mit Codebearbeitung und Element-Inspektor steht für Dateien bis 5 MB zur Verfügung. Dateien zwischen 5 MB und 50 MB (große Karten, Diagramme) werden als Bild angezeigt: Zoom und Hintergründe funktionieren, Codebereich und Inspektor sind deaktiviert. Oberhalb von 2 MB ist die Syntaxhervorhebung ausgeschaltet.
Text wird mit den auf dem Gerät installierten Schriften gezeichnet. Externe Bilder, Stylesheets und Schriften werden nie angefordert, daher kann die Vorschau von einem Browser abweichen, der sie lädt. Mehr dazu auf der Datenschutzseite.
Häufige Fragen
Wie lässt sich eine SVG-Datei online öffnen?
Auf „Datei öffnen“ klicken oder die .svg- bzw. .svgz-Datei auf die Seite ziehen. Sie erscheint sofort und wird nie an einen Server gesendet.
Mit welchem Programm öffne ich SVG unter Windows 11 oder auf dem Mac?
Ein eigenes Programm ist nicht nötig. Diese Seite funktioniert in Chrome, Edge, Firefox und Safari unter Windows, macOS und Linux – ohne Download, App oder Erweiterung.
Kann ich SVG auf dem iPhone oder unter Android öffnen?
Ja. Die Seite im mobilen Browser aufrufen, „Datei öffnen“ antippen, dann mit zwei Fingern zoomen und durch Ziehen verschieben.
Lässt sich der SVG-Code anzeigen und bearbeiten?
Ja. Der Codebereich zeigt das hervorgehobene Markup neben der Vorschau, und jede Änderung aktualisiert das Bild sofort – etwa neue Werte für fill oder stroke.
Ist es sicher, eine SVG aus unbekannter Quelle zu öffnen?
Eine SVG-Datei kann Skripte enthalten. Hier werden sie zusammen mit Event-Handlern und externen Links vor der Anzeige entfernt; die bereinigte Kopie lässt sich herunterladen.
Warum fehlen Bilder oder Schriften in meiner SVG?
Verweise auf andere Server oder benachbarte Dateien werden aus Sicherheits- und Datenschutzgründen blockiert. Bilder und Schriften lassen sich als data:-URLs einbetten.
Wie wird aus einer SVG eine PNG-Datei?
Auf „→ PNG“ klicken. Die Datei öffnet sich im Konverter [SVG in PNG](/de/svg-in-png/), dort lassen sich Maßstab, Hintergrund und Format wählen.