SVG

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

Die W3C begann Ende der 1990er Jahre 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 mithilfe von JavaScript interaktiv gemacht werden. HTML erlaubt die direkte Einbettung von SVG-Tags in ein HTML-Dokument.

Als Vektorbildformat können SVG-Grafiken unendlich skaliert werden, was sie im Responsive Design besonders wertvoll macht, da Sie Schnittstellenelemente und Grafiken erstellen können, die sich an jede Bildschirmgröße anpassen. SVG bietet auch eine nützliche Auswahl an Werkzeugen wie Clipping, Maskierung, Filter und Animationen.