SVG (Scalable Vector Graphics) ist ein Bildformat für Vektorgrafiken, das für die Darstellung von Grafiken im Web verwendet wird. Im Gegensatz zu rasterbasierten Formaten wie JPEG, PNG und GIF, die Pixel verwenden, um Bilder darzustellen, verwendet SVG Vektoren, um Bilder zu beschreiben. Das bedeutet, dass SVG-Bilder nicht pixelig oder unscharf werden, wenn sie vergrößert oder verkleinert werden.
SVG bietet eine Reihe von Vorteilen gegenüber anderen Bildformaten, darunter:
- Skalierbarkeit: SVG-Grafiken können ohne Verlust an Qualität in jeder Größe dargestellt werden.
- Kleine Dateigröße: SVG-Dateien sind in der Regel kleiner als vergleichbare Rasterbilder.
- Geringere Ladezeiten: Da SVG-Dateien kleiner sind, können sie schneller geladen werden, was zu einer besseren Benutzererfahrung führt.
- Interaktivität: SVG-Bilder können interaktiv sein und beispielsweise Animationen oder Verlinkungen enthalten.
- Anpassungsfähigkeit: SVG-Bilder können problemlos mit CSS gestaltet werden, was eine größere Flexibilität in Bezug auf Design und Layout ermöglicht.
SVG wird oft für Logos, Symbole, Diagramme und Infografiken verwendet.
