SVG steht für „Scalable Vector Graphics“ (Skalierbare Vektorgrafiken). Es handelt sich um ein XML-basiertes Dateiformat für Vektorgrafiken, das speziell für das Anzeigen von Grafiken im Web entwickelt wurde. SVG-Dateien enthalten mathematische Beschreibungen von Formen, Linien, Kurven, Text und Farben, die es ermöglichen, Grafiken in verschiedenen Größen ohne Qualitätsverlust zu skalieren.
Hier sind einige wichtige Merkmale von SVG:
- Skalierbarkeit: SVG-Grafiken können ohne Qualitätsverlust beliebig vergrößert oder verkleinert werden, da sie aus mathematischen Formeln bestehen, die die Positionen und Formen der Elemente beschreiben. Egal, ob die Grafik auf einem kleinen Bildschirm oder auf einer großen Leinwand angezeigt wird, sie bleibt scharf und klar.
- Vektorbasiert: SVG-Grafiken basieren auf Vektoren, nicht auf Pixeln. Sie verwenden mathematische Gleichungen, um Formen und Kurven zu definieren, anstatt einzelne Pixel darzustellen. Dadurch haben SVG-Grafiken scharfe Kanten und glatte Kurven, unabhängig von der Auflösung oder Zoomstufe.
- Textunterstützung: SVG ermöglicht die Darstellung von Text innerhalb der Grafik. Dieser Text kann formatiert, skaliert und bearbeitet werden, genau wie andere Elemente in der Grafik.
- Interaktivität: SVG unterstützt die Integration von interaktiven Elementen und Animationen. Mithilfe von CSS (Cascading Style Sheets) und JavaScript können bestimmte Teile der Grafik animiert, verändert oder mit Benutzerinteraktionen verbunden werden.
- Unterstützung von Transparenz und Filtern: SVG ermöglicht die Verwendung von Transparenz, um Teile der Grafik sichtbar oder unsichtbar zu machen. Es bietet auch die Möglichkeit, Filtereffekte wie Schatten, Verläufe und Überblendungen auf Elemente anzuwenden.
SVG wird häufig in Webdesign, Infografiken, Diagrammen, Icons, Logos und anderen Anwendungen eingesetzt, bei denen skalierbare und interaktive Grafiken benötigt werden. Da SVG-Dateien Text-basiert sind, können sie auch in Texteditoren bearbeitet werden. Die meisten modernen Webbrowser unterstützen die Anzeige und Interaktion mit SVG-Grafiken nativ, sodass sie ohne zusätzliche Plug-ins oder Erweiterungen angezeigt werden können.