SVG

Scalable Vector Graphics (SVG) ist ein 2D-Vektorbildformat basierend auf einer XML-Syntax.

Das W3C begann in den späten 1990er Jahren mit der Arbeit an SVG, aber SVG wurde erst populär, als Internet Explorer 9 mit SVG-Unterstützung herauskam. Alle großen Browser unterstützen jetzt SVG.

Basierend auf einer XML-Syntax kann SVG mit CSS gestaltet und mit JavaScript interaktiv gemacht werden. HTML ermöglicht das direkte Einbetten von SVG-Tags in ein HTML-Dokument.

Als Vektorbildformat können SVG-Grafiken unendlich skaliert werden, was sie in der responsiven Gestaltung von unschätzbarem Wert macht, da Sie Schnittstellenelemente und Grafiken erstellen können, die an jede Bildschirmgröße angepasst werden. SVG bietet zudem ein nützliches Set von Werkzeugen, wie Clipping, Maskierung, Filter und Animationen.