Wie öffnet man eine SVG-Datei? Komplettguide für PC, Handy und Browser

1. Vier Wege, eine SVG am Computer zu öffnen

• Browser (am einfachsten): Ziehen Sie die SVG-Datei in ein Fenster von Chrome, Edge, Firefox oder Safari, um sie anzuzeigen; alternativ Rechtsklick auf die Datei, „Öffnen mit“ wählen und den Browser festlegen;
• Standardprogramm festlegen: Wenn Sie häufig mit SVG arbeiten, verknüpfen Sie .svg-Dateien mit einem Browser oder Designprogramm, damit ein Doppelklick direkt genügt;
• Designprogramme: Illustrator, Figma und das kostenlose Inkscape öffnen und bearbeiten SVG – ideal für tiefere Arbeiten;
• Code-Editor: SVG ist im Kern XML-Text: Mit VS Code lassen sich Quellcode ansehen und ändern, was bei der Fehlersuche sehr hilfreich ist.

So legen Sie das Standardprogramm fest: Unter Windows rechtsklicken Sie auf die SVG-Datei, wählen „Öffnen mit → Andere App auswählen“ und setzen „Immer diese App verwenden“; unter macOS wählen Sie per Rechtsklick „Informationen“, legen unter „Öffnen mit“ den Browser fest und klicken auf „Alle ändern“ – danach öffnet ein Doppelklick die Vorschau direkt.

2. SVG auf dem Smartphone öffnen

Android: Manche Dateimanager können SVG nicht direkt anzeigen; halten Sie die Datei gedrückt, wählen Sie „Mit einer anderen App öffnen“ und tippen Sie auf einen Browser. iPhone: Speichern Sie die SVG in der „Dateien“-App; neuere Systeme zeigen sie direkt an, andernfalls öffnen Sie sie über das Teilen-Menü in Safari. In WeChat oder QQ empfangene SVGs gelten als gewöhnliche Dateien – „Mit einer anderen App öffnen“ und der Browser genügen.

Insgesamt ist der Browser auf dem Smartphone der zuverlässigste SVG-Betrachter, zusätzliche Apps sind nicht nötig. Auf Tablets verhält es sich genauso: Der mitgelieferte Browser genügt, ein eigener Betrachter ist unnötig.

3. Doppelklick zeigt Code oder bleibt leer – was tun?

Ein Haufen Code erscheint: Die Datei ist mit einem Texteditor wie dem Notepad verknüpft. SVG ist ein Textformat, das ist normal – öffnen Sie sie im Browser, um die Grafik zu sehen. Es bleibt leer: Prüfen Sie zuerst, ob die Datei vollständig ist – öffnen Sie sie im Code-Editor: Eine normale SVG beginnt mit dem Tag <svg> oder der Deklaration <?xml; sehen Sie stattdessen Webcode wie <html>, wurde beim Download vermutlich eine Fehlerseite als .svg gespeichert, laden Sie die Datei erneut herunter. Verweist die Datei außerdem auf externe Bilder oder Schriften, kann ein fehlgeschlagener Ressourcenabruf zu unvollständigem Inhalt führen.

Noch ein Hinweis: SVG ist ein Textformat, das Skripte enthalten kann. Öffnen Sie SVGs unbekannter Herkunft nicht ungeprüft im Browser – sehen Sie den Inhalt zuerst im Code-Editor an, vergewissern Sie sich, dass die Datei mit einem svg-Tag beginnt und kein verdächtiges Skript enthält, und öffnen Sie sie erst dann in der Vorschau.

4. Nach dem Öffnen ändern? Nutzen Sie den Online-Editor

Für eine andere Farbe, einen entfernten Hintergrund oder ein paar gelöschte Elemente braucht es kein großes Programm. Öffnen Sie den Online-SVG-Editor von PolySVG (Direktzugang: /editor), laden Sie die Datei hoch und Sie können Pfade anklicken und löschen, den Hintergrund per Klick entfernen, Farben ändern, mit dem Pinsel ergänzen, mit dem Radierer löschen, jederzeit widerrufen und wiederholen – und am Ende als SVG oder PNG exportieren. Kostenlos, ohne Installation, ohne Registrierung.

5. Nur ansehen? PNG ist am einfachsten

Wenn das Gerät des Empfängers keine SVG öffnen kann, ist die Umwandlung in PNG am einfachsten: Exportieren Sie ein PNG im Editor oder machen Sie im Browser einen Screenshot. Wer das Format SVG selbst verstehen möchte, liest Was ist SVG; wer aus einem Rasterbild ein SVG machen möchte, erledigt das Tool „Bild in SVG“ in wenigen Schritten.

Als Entwickler können Sie das SVG außerdem direkt in HTML einbetten oder über ein img-Tag einbinden – der Browser stellt es sofort dar. Das ist die verbreitetste Methode, SVGs auf Webseiten anzuzeigen.