Technologische Neuigkeiten, Bewertungen und Tipps!

Was ist eine SVG-Datei und wie öffne ich sie?

SVG-Logo auf blauem HintergrundWorld Wide Web Konsortium

Beim Surfen im Internet sind Sie möglicherweise auf grafische Dateien mit der Erweiterung „SVG“ gestoßen. Was ist das Besondere an diesen Dateien und wie können Sie sie anzeigen? Wir werden es erklären.

Was ist eine SVG-Datei?

Im Kontext der Computergrafik steht SVG für „Scalable Vector Graphics“. Eine SVG-Datei ist eine Computerdatei, die den vom World Wide Web Consortium definierten SVG-Standard verwendet, um ein Bild anzuzeigen.

Typische Bildformate – wie JPG, PNG und GIF – verwenden Rastergrafiken, was bedeutet, dass sie ein Bild anzeigen, indem sie ein Pixelraster speichern, das als Bitmap bezeichnet wird. Farbe und Position jedes Pixels werden in der Datei gespeichert. Wenn Sie ein Rasterbild größer als beabsichtigt skalieren, wird das Bild gezackt und verschwommen.

Beispiel für eine auf 600 % skalierte PNG-Rasterdatei

Im Gegensatz dazu verwenden SVG-Bilder Vektorgrafiken, um ein Bild zu definieren. In einer Vektorgrafik wird das Bild mathematisch als eine Reihe von Anweisungen gespeichert, die einem Anzeigeprogramm mitteilen, wie das Bild auf Ihrem Bildschirm zu „zeichnen“ ist. Da die Zeichnung in beliebiger Größe erfolgen kann, sind SVG-Dateien auflösungsunabhängig. Sie können größer oder kleiner skaliert werden, ohne an Qualität oder Schärfe zu verlieren.

Beispiel einer auf 600 % skalierten SVG-Vektordatei

VERBUNDEN: Was ist der Unterschied zwischen Pixeln und Vektoren?

Was ist der Sinn des SVG-Formats?

Da SVG-Dateien ohne Detailverlust auf jede beliebige Größe skaliert werden können, können sie sehr glatte Grafiken mit einer relativ kleinen Dateigröße im Vergleich zu Rastergrafiken erzeugen. Sie sind auch zukunftssicherer als Bitmap-Bilder, da sie in zukünftigen Displays ohne Qualitätsverlust auf größere Auflösungen skaliert werden können.

Beispiel für skalierbare VektorgrafikenWorld Wide Web Konsortium

Außerdem ist SVG ein offener Standard, der gebührenfrei in die Anzeige von Anwendungen und Browsern integriert werden kann, was bedeutet, dass Anwendungsentwickler kein Geld für die Nutzung bezahlen müssen. SVG verwendet XML, einen weiteren offenen Standard, um zweidimensionale Grafiken so zu codieren, dass sie von Apps leicht gelesen und geändert werden können.

VERBUNDEN: Was ist eine XML-Datei (und wie öffne ich eine)?

Wie kann ich eine SVG-Datei anzeigen?

Alle modernen Webbrowser unterstützen die Anzeige von SVG-Dateien. Das beinhaltet Chrome, Edge, Firefox und Safari. Wenn Sie also ein SVG haben und es mit nichts anderem öffnen können, öffnen Sie Ihren bevorzugten Browser, wählen Sie Datei > Öffnen und wählen Sie dann die SVG-Datei aus, die Sie sehen möchten. Es wird in Ihrem Browserfenster angezeigt.

Alternativ können Sie einen kostenlosen Online-Konverter wie SVGtoPNG.com verwenden, um eine SVG-Datei in ein Rasterformat zu konvertieren, das Sie mit herkömmlichen Bildbetrachtungsanwendungen anzeigen können. Sobald Sie das SVG jedoch in ein Rasterformat wie PNG konvertieren, verlieren Sie die Möglichkeit, das Bild auf verschiedene Größen zu skalieren, während die gleiche Schärfe und Detailtreue beibehalten werden.

Wie erstelle oder bearbeite ich eine SVG-Datei?

Um eine SVG-Datei zu erstellen oder zu bearbeiten, benötigen Sie eine App, die das Format unterstützt. Adobe Illustrator, bekannt für die Erstellung vektorbasierter Grafiken, unterstützt nativ sowohl das Laden als auch das Speichern von Dateien im SVG-Format. Außerdem sind Inkscape und GIMP zwei kostenlose Programme, die Grafiken im SVG-Format speichern können. Für andere Programme wie Adobe Photoshop und InDesign können Sie ein Plug-In erwerben, das SVG unterstützt, beispielsweise SVG Kit for Adobe Creative Suite.

Obwohl es konkurrierende Vektorgrafikformate seit den Anfängen der Computergrafik selbst gibt, bedeutet die breite Unterstützung und Offenheit von SVG, dass dieser Grafikstandard wahrscheinlich sehr lange bei uns sein wird.

Table of Contents