SVG (Scaleable Vector Graphics)
ist ein Container, in dem Formen und dessen Farbe beschrieben werden. Im Gegensatz zu Rastergrafiken (.jpg,.png,…) können diese unendlich vergrössert werden, ohne ihre Schärfe zu verlieren.
Folgende Vorteile hat SVG:
Skalierbarkeit:
Vektorgrafiken werden auf das Endgerät skaliert. Das heisst, dass es keine Rolle spielt, ob die Grafik auf einem alten Smartphone oder einem hochauflösenden Desktop betrachtet wird. Es werden nicht mehr separate Bilder benötigt.
Animation und Interaktion:
Jede einzelne Form einer Grafik ist via CSS selektierbar. Damit lassen sich zum Beispiel Formen verändern, wenn der User mit dem Mauszeiger darüber fährt.
Dateigrösse:
Der wohl grösste Vorteil von SVG ist dessen Dateigrösse. Das Titelbild der Website ist exakt 65.3kB, was deutlich unter der Dateigrösse von Rasterisierten Bildern liegt.
Browser-Kompitabilität:
SVG wird von allen modernen Webbrowsern unterstützt. Unter folgenden Link erhalten sie mehr Informationen über Browser support. http://caniuse.com/svg