Geschichtsstunde: Was ist eine .svg-Datei? Warum sie sich im Browser öffnet

Was ist eine .svg-Datei?

Eine .svg-Datei ist ein Scalable-Vector-Graphics-Bild. Die meisten bekannten Bildformate – JPG, PNG, BMP – sind Rastergrafiken: ein festes Gitter farbiger Punkte (Pixel). Vergrößert man weit genug, werden die Kanten zu Treppenstufen. SVG ist ein Vektorformat: Es speichert Anweisungen – geh hierhin, zieh eine Kurve dorthin, füll diese Form türkis – und die Software zeichnet die Formen jedes Mal neu, in der Größe, die Bildschirm oder Drucker brauchen. Die W3C-Spezifikation selbst beschreibt SVG als Sprache zur Beschreibung zweidimensionaler Vektor- und gemischter Vektor-/Rastergrafiken in XML.

XML (Extensible Markup Language) ist ein reines Textformat aus Tags, ganz ähnlich dem HTML von Webseiten. Eine .svg-Datei ist also im Kern Text, den man im Editor öffnen kann: ein äußeres svg-Tag, darin Formen wie path, circle und rect mit Koordinaten und Farben als Attribute. Wer nach „Was ist eine .svg-Datei“ sucht, ist meist gerade auf eine gestoßen – ein Logo vom Designer, ein Icon-Paket, ein aus einem Tool exportiertes Diagramm – und hat gemerkt, dass sie sich nicht wie ein Foto verhält.

Warum öffnet sich eine .svg in meinem Browser?

Weil auf den meisten PCs der Webbrowser das Programm ist, das SVG am besten zeichnen kann. Alle großen Browser stellen es heute nativ dar, deshalb übergibt Windows .svg-Dateien beim Doppelklick oft an Edge, Chrome oder Firefox. Pixelbasierte Werkzeuge sind auf Rastergrafiken ausgelegt, und der Windows-Datei-Explorer brauchte lange Hilfe: Microsofts kostenlose PowerToys-Erweiterungen gibt es unter anderem, um dem Explorer SVG-Vorschauen und -Miniaturansichten beizubringen.

Neuere Office-Versionen sind entgegenkommender. Laut Microsoft können Word, PowerPoint, Excel und Outlook in Microsoft 365 sowie in Office 2019, 2021 und 2024 SVG-Bilder einfügen und bearbeiten, und die integrierte Symbole-Bibliothek der Microsoft-365-Apps besteht aus SVG-Bildern. Ältere Office-Versionen, viele Websites und zahlreiche andere Programme erwarten dagegen weiterhin PNG oder JPG.

1998: sechs Vorschläge für Zeichnungen im Web

Das frühe Web kannte Bilder, aber nur als Pixel. Laut der eigenen Geschichtsseite des W3C, „The Secret Origin of SVG“, verfasste Chris Lilley vom W3C 1996 allgemeine Anforderungen an Vektorgrafik im Web. Bis 1998 waren sechs konkurrierende Vorschläge eingegangen. Zwei kamen von Branchengrößen: PGML (Precision Graphics Markup Language) von Adobe, IBM, Netscape und Sun, am 10. April 1998 als W3C Note veröffentlicht, und VML (Vector Markup Language) von Autodesk, Hewlett-Packard, Macromedia und Microsoft, veröffentlicht am 13. Mai 1998. Die übrigen waren Web Schematics, Hyper Graphics Markup Language, WebCGM und DrawML.

Die neue SVG-Arbeitsgruppe entschied sich gegen jeden dieser Entwürfe. Stattdessen entwarf sie eine neue Sprache, die von den Vorschlägen „beeinflusst, aber nicht wirklich auf ihnen aufgebaut“ war. VML, das in Microsofts Office-Gruppe entstanden war und mit dem Internet Explorer ausgeliefert wurde, prägte die kompakte Pfadsyntax von SVG: Die Gruppe stellte fest, dass kurze Pfadcodes selbst nach der Komprimierung die Dateien spürbar kleiner machten. PGML, aufgebaut auf dem Bildmodell von Adobes PostScript und PDF, beeinflusste vor allem das Koordinatensystem und die Transformationen von SVG sowie den Umgang mit Farbe.

SVG 1.0, SVG 1.1 und die Handys

SVG 1.0 wurde am 4. September 2001 zur W3C-Empfehlung – so nennt das Konsortium einen fertigen Standard –, herausgegeben von Jon Ferraiolo von Adobe, mit Autoren aus so unterschiedlichen Firmen wie Microsoft, Sun, Netscape, Kodak, Corel, Canon und Opera. SVG 1.1 folgte am 14. Januar 2003 und teilte die Sprache in wiederverwendbare Module auf.

Am selben Tag veröffentlichte das W3C die Mobile SVG Profiles: SVG Tiny für Mobiltelefone und SVG Basic für Handheld-PDAs, beide echte Teilmengen von SVG 1.1. Laut Pressemitteilung des W3C baute das Mobilfunk-Normungsgremium 3GPP Mobile SVG bereits in Telefone der dritten Generation ein. Später wurde SVG Tiny 1.2 am 22. Dezember 2008 zur Empfehlung.

Die Plug-in-Jahre: Adobe SVG Viewer und Internet Explorer

Ein Standard braucht etwas, das ihn darstellt. Anfang der 2000er war die verbreitetste Lösung der Adobe SVG Viewer, ein kostenloses Browser-Plug-in; das W3C schreibt Adobe „einen beliebten SVG-Viewer“ zu sowie SVG-Unterstützung in Produkten wie Illustrator. Der Internet Explorer, damals der dominierende Browser, zeichnete SVG nicht selbst – Internet Explorer 8 und älter hatten keine native Unterstützung –, daher sahen viele Menschen SVG nur über dieses Plug-in.

Im Dezember 2005 schloss Adobe die Übernahme von Macromedia ab, dem Hersteller von Flash, dem anderen Weg zu Vektoranimation im Web. Später beendete Adobe den Support für den Adobe SVG Viewer am 1. Januar 2009 mit der Begründung, SVG und seine Verbreitung seien so ausgereift, dass Adobe keinen eigenen Viewer mehr bereitstellen müsse. Manche in der SVG-Community brachten die Entscheidung damit in Verbindung, dass Flash nun Adobe gehörte; Adobes Mitteilung sagte das nicht.

Die Browser füllten die Lücke bereits. Opera, Firefox sowie die WebKit-basierten Safari und Chrome erhielten in den 2000er-Jahren native SVG-Unterstützung. Am 16. März 2010 kündigte Microsoft auf seiner Konferenz MIX10 an, dass Internet Explorer 9 SVG unterstützen werde; IE9 erschien am 14. März 2011. Die Geschichtsseite des W3C vermerkt die Ironie: Mit der Unterstützung im Internet Explorer schloss sich der Kreis zu einem der Ursprünge von SVG, VML.

Inkscape, Illustrator und die Dateien auf Ihrer Festplatte

Zeichenprogramme machten SVG zum alltäglichen Exportformat. Am 5. November 2003 kündigten vier Entwickler Inkscape an, einen Fork des Zeichenprogramms Sodipodi mit dem erklärten Ziel eines vollständig SVG-konformen 2D-Grafikeditors; SVG ist sein natives Format. Kommerzielle Illustrationssoftware wie Adobe Illustrator speichert ebenfalls SVG, ebenso viele Diagramm-, Chart- und Design-Werkzeuge.

Deshalb sammeln sich .svg-Dateien 2026 auf ganz normalen PCs: Firmenlogos vom Designer, Icon-Sets für eine Website oder Präsentation, Diagramme und Charts aus anderen Werkzeugen und Web-Assets, die von einer Website gespeichert wurden. Viele sind Jahre alt – Altdateien aus abgeschlossenen Projekten, die nun in ein Dokument, eine E-Mail oder ein Upload-Formular sollen, das nur Pixel annimmt. Zum Vektorformat der Windows-Ära davor siehe Geschichtsstunde: Was ist eine .wmf-Datei?.

.svgz: dieselbe Zeichnung, mit gzip komprimiert

Weil SVG Text voller sich wiederholender Tags ist, schrumpft es mit gzip stark, einem weit verbreiteten verlustfreien Komprimierungsverfahren (nichts geht verloren). Eine komprimierte SVG erhält die Endung .svgz. Die SVG-1.1-Spezifikation verlangt, dass konforme Betrachter gzip- und deflate-komprimierte Inhalte verarbeiten, und fordert Webserver auf, mit der Endung svgz gespeicherte Dateien als komprimiert zu kennzeichnen, damit Browser sie richtig entpacken.

Außerhalb des Browsers bringt eine .svgz mehr Software aus dem Tritt als eine einfache .svg: Ein Programm, das sie nicht zuerst entpackt, sieht nur komprimierte Bytes. Die Zeichnung ist noch da – sie braucht nur ein Programm, das vor dem Zeichnen entpackt.

SVG 2: immer noch nicht fertig

Trotz aller Verbreitung ist der neueste fertige SVG-Standard noch immer SVG 1.1 Second Edition, eine Bereinigungsfassung vom 16. August 2011. SVG 2 erreichte am 15. September 2016 erstmals den Status Candidate Recommendation. Der jüngste Candidate-Recommendation-Snapshot von SVG 2 beim W3C trägt das Datum 6. Oktober 2026 und hält fest, dass er frühestens am 1. Dezember 2026 zur vollen Empfehlung aufsteigen kann.

Wann Sie stattdessen PNG oder JPG brauchen

Eine SVG in ein normales Bild zu verwandeln heißt Rastern: Software zeichnet die Formen einmal in einer gewählten Größe und speichert die Pixel. Wählen Sie eine großzügige Größe, denn als Pixelbild skaliert es nicht mehr sauber. Nehmen Sie PNG, wenn Logo oder Symbol einen transparenten Hintergrund brauchen, JPG für ein flaches Bild auf einfarbigem Grund. Die Endung .svg in .png umzubenennen bringt nichts – die Datei bleibt XML-Text. Mehr zum Zielformat finden Sie in Geschichtsstunde: Was ist eine .png-Datei?.

Legacy File Converter öffnet .svg- und .svgz-Dateien auf Ihrem eigenen Windows-PC und speichert sie als PNG- oder JPG-Bilder – nichts wird hochgeladen, was zählt, wenn das Logo einem Kunden gehört. Er ist kein SVG-Editor und erzeugt keine Vektorausgabe; er liefert Ihnen ein Bild, das jede App und jedes Upload-Formular annimmt. Benachbarte Bild-Lektionen: PNG, WMF und EMF und WebP.