Eine Vektorgrafik besteht aus mathematisch beschriebenen Linien, Kurven und Flächen. Der Duden beschreibt sie als Darstellungsart, die auf Linien statt auf Bildpunkten beruht. Weil die Formen berechnet werden, lassen sie sich laut MDN in jeder Größe ohne Qualitätsverlust darstellen.
- Vektorgrafik
Eine Grafik, die aus mathematisch beschriebenen Linien, Kurven und Flächen besteht und sich ohne Qualitätsverlust skalieren lässt.
Beispiel: „Die Icons liefern wir als Vektorgrafik aus, damit sie auf dem Smartphone und am großen Monitor gleich scharf sind.“Auch: Vektorbild, Vektordatei.
Gegenstück: die Pixelgrafik, die einzelne Bildpunkte speichert.
Vektorgrafik und Pixelgrafik
Eine Pixelgrafik hat eine feste Zahl von Bildpunkten und wird beim Vergrößern körnig. Eine Vektorgrafik speichert dagegen die Anweisung, etwa einen Kreis mit Mittelpunkt und Radius, und der Rechner zeichnet sie in der gerade nötigen Auflösung neu. Auf hochauflösenden Bildschirmen wie dem Retina Display bleibt sie deshalb ohne zweite Datei scharf.
Vektorgrafik im Web: SVG
Das Format für Vektorgrafiken im Web ist SVG. Das W3C verabschiedete SVG 1.0 im September 2001 als Sprache für zweidimensionale Vektor- und Mischgrafiken in XML; SVG 2 ist noch eine Candidate Recommendation. Eine SVG-Datei ist Text, lässt sich mit CSS gestalten und als Inline-SVG direkt ins HTML schreiben.
Wofür sich eine Vektorgrafik eignet
Vektorgrafiken sind ideal für Logos, Icons, Diagramme und Illustrationen mit klaren Flächen. Für Fotos taugen sie nicht: Laut MDN würde die Beschreibung eines detailreichen Fotos sehr komplex. Auch Schriften sind übrigens Vektorgrafiken, jede Glyphe ist eine Kontur aus Kurven.