Die Vektoranimation ist eine Animation, die aus Pfaden, also Start- und Endpunkten besteht. Anders ausgedrückt: Es sind Außenkonturen, die sie definieren, und Kontrollpunkte, die sie modellieren.
Die Vektoranimation ist hervorragend skalierbar, auflösungsunabhängig und hat eine kleine Dateigröße, mit der eine Website sehr schnell lädt. In ihren Animations- und auch interaktiven Funktionen ist die Vektoranimation als SVG-Animation der Rasteranimation ebenbürtig. Mit ihr können Symbole, Illustrationen und auch Hintergründe animiert werden.
Vektoranimationen bestehen aus Formen – wie etwa Dreiecken mit drei verbundenen Eckpunkten, Vierecken mit vier Eckpunkten oder Kreisen mit vier Kurvenpunkten. Auch andere, z. B. organische Formen mit einer Vielzahl von weiteren Punkten sind möglich, wenn der Motion Designer mit Verläufen oder Transparenzen arbeitet. Obwohl Vektoranimationen relativ einfach wirken, werden Pfade verwendet, um Diagramme zu erstellen. Warum? Weil Vektoranimationen einen entscheidenden Vorteil gegenüber pixelbasierten Animationen besitzen. Sie sind frei skalierbar. Das bedeutet, dass sie im Großen wie im Kleinen sehr gut zu erkennen sind. Sie verlieren keine Qualität, sind also auflösungsunabhängig und können verlustfrei vergrößert und verkleinert werden. Deshalb werden sie auch gern für Logoanimationen verwendet – ihr gestochen scharfes Erscheinungsbild besticht.
Die Vektoranimationen haben gestalterisch einen großen Schritt gemacht und werden illustrativ und flächig genutzt. Sie können auch mit Farben, Verläufen und Mustern gefüllt werden. Technisch sind sie ziemlich perfekt, nachträglich veränderbar, verfügen über eine eigene Ästhetik und ihre kleine Dateigröße erfordert wenig Speicherplatz. Die Vektoranimationen gehören auch deshalb zu den wichtigsten Webdesign-Trends für 2021.