Was ist eine Vektorgrafik?
IONOS Redaktion6 mins
Digitale Bildformate gibt es viele. Je nach Medium kommen unterschiedliche davon zum Einsatz. Vektorgrafiken werden oft bei Schaubildern oder Logos eingesetzt, die in verschiedenen Größen vorliegen sollen. Denn anders als Rastergrafiken lassen sie sich beliebig skalieren, ohne dass dadurch Qualität verloren ginge. Wir erklären, was Vektorgrafiken genau sind, wann sie verwendet werden und welche Formate es gibt.
- Inklusive Wildcard-SSL-Zertifikat
- Inklusive Domain Lock
- Inklusive 2 GB E-Mail-Postfach
Vektorgrafiken: Beliebig skalierbar
Um ein Bild zu drucken oder am Bildschirm darzustellen, muss es in einzelne Bildpunkte zerlegt werden; man spricht vom Rastern eines Bildes. Beim Fotografieren mit Digitalkameras entstehen Rastergrafiken mit Millionen einzelner Bildpunkte. Wenn Sie sich ein Bild in einer Zeitschrift stark vergrößert ansehen, werden Sie die gedruckten Bildpunkte erkennen können, genauso wie die Pixel, wenn Sie Ihr Digitalfoto stark vergrößern.
Diese Form der Darstellung durch Pixel führt bei sehr starken Vergrößerungen zu sichtbaren Bildpunkten, und das vor allem an Bildrändern, an denen das besonders unschön ins Auge fällt. Zudem benötigen Pixelgrafiken allerhand Speicherplatz. Mehr zu der Frage „Was ist ein Pixel?“ haben wir in einem separaten Ratgeber zusammengestellt.
Um diese Nachteile zu vermeiden, nutzt man für bestimmte Grafiktypen ein Format, das auf Vektoren basiert. Oft sind Logos oder schematisch gestaltete Anfahrtsskizzen als Vektorgrafiken erstellt. Ihr großer Vorteil ist, dass sie sich ohne Probleme vergrößern und verkleinern (skalieren) lassen, ohne dass dadurch ein Qualitätsverlust in der Darstellung entstünde.
Was sollte man über den Unterschied zwischen Pixel- und Vektorgrafiken wissen? Unser Ratgeber Pixelgrafik vs. Vektorgrafik versorgt Sie mit allen wichtigen und praxisrelevanten Informationen.
Was ist eine Vektordatei? Die Vektorgrafik im Detail
Vektorgrafiken gehören zu den am längsten bestehenden Grafikformaten in der elektronischen Datenverarbeitung. Sie entstanden als Grundlage für das Computer Aided Design (CAD-Programme). Eine Vektorgrafik benutzt zur Darstellung einer Form Vektoren, die dann in einer Vektordatei gespeichert werden.
Ein Vektor ist ein vergleichbar mit einem Pfeil, der einen Ursprung, eine Richtung und eine Länge besitzt. Das Pfeilende befindet sich am Ursprung eines Koordinatensystems, die Pfeilspitze zeigt auf einen Punkt, der durch Länge und Winkel des Vektors definiert ist. Um von der Pfeilspitze aus beispielsweise einen Kreis als Vektorgrafik zu zeichnen, müssen nun nicht tausende einzelne Punkte (Pixel) definiert werden, sondern von der Pfeilspitze aus – im Beispiel der Mittelpunkt des Kreises – müssen der Abstand des Kreisumfangs und eine Drehung dieser Information um 360 Grad festgelegt werden. Dazu kommt eine Farbinformation. Zusammengefasst werden alle diese Informationen in der sogenannten Bildbeschreibung, die mit der Vektordatei zusammen gespeichert wird.
- Daten zentral speichern, teilen und bearbeiten
- Serverstandort Deutschland (ISO 27001-zertifiziert)
- Höchste Datensicherheit im Einklang mit der DSGVO
Die Konstruktion komplexer Vektorgrafiken nutzt dann mehrere Vektoren, die auf Punkte in der Grafik zeigen und falls erforderlich auch noch Informationen zur Krümmung oder von Winkeln umgebender Linien enthalten.
Der umgebende Pfad sorgt dafür, dass immer eine glatte Kante am Rand der Grafik erhalten bleibt, egal wie groß man sie „aufzieht“.
Überblick der gängigen Vektorformate
In der Praxis haben sich bei verschiedenen Herstellern einige Formate für Vektordateien etabliert.
| Vektorformat | Abkürzung | Einsatzbereiche | Erklärung |
|---|---|---|---|
| Adobe Illustrator | AI | Grafikerstellung für Print und Web | Vektororientiertes Austauschformat; speichert wieder bearbeitbare Vektorgrafiken |
| Scalabe Vector Graphics | SVG | Web | Skalierbares Bildformat; kann animiert und mit CSS manipuliert werden |
| Encapsulated PostScript | EPS | Basiert auf der Seitenbeschreibungssprache PostScript | |
| Portable Document Format | Print, Web, Archivierung | Weltweiter Standard für die Verteilung elektronischer Dokumente | |
| Freehand Format | FH | Farbige und nicht farbige Illustrationen | Speichert erstellte Zeichenwege mit zugewiesenen Farben und Füllungen |
| Corel Draw Format | CDR | Grafikerstellung für Print und Web | Unkomprimiertes Grafikformat mit Funktionalität wie AI |
Wann verwendet man eine Vektorgrafik?
Als Vektordatei gespeicherte Grafiken werden überall dort benötigt, wo man sich die Option auf beliebige Vergrößerung (Skalierung) einer Grafik erhalten möchte. Wenn Sie beispielsweise ein Logo erstellen, sollte dieses sowohl für die Website als auch für das Firmenschild an der Bürotür oder auf einem Messeplakat verwendbar – also skalierbar – sein. Dafür ist eine Vektorgrafik, die mit Adobe Illustrator erstellt wird, die erste Wahl. Die Vektordatei mit der Endung .ai kann daraus in beliebige andere, später nötige Formate exportiert werden.
Wichtig zu wissen: Zur Ausgabe der Datei in einem Medium wird das Bild immer gerastert, da die Darstellung sowohl im Druck als auch auf dem Bildschirm mit Rasterpunkten bzw. Pixeln erfolgt. Auch das neuere SVG-Format für Webgrafiken wird letztlich gerastert auf dem Bildschirm ausgegeben. Allerdings kann es auf dem Bildschirm beliebig verkleinert oder vergrößert werden, ohne dass „Pixeltreppen“ wie in der eingangs gezeigten Pixelgrafik entstehen. Zudem kann eine SVG-Vektorgrafik direkt per HTML-Syntax erstellt und mittels CSS manipuliert und sogar animiert werden.
Vorteile einer Vektorgrafik
Mit einer Vektordatei hat man ein jederzeit skalierbares Vektorformat zur Hand. Bei Größenänderungen werden Abstandsinformationen verändert und keine Pixel – ebenso beim Verschieben einer Vektorgrafik. Handelt es sich um Vektordateien, die etwa mit Adobe Illustrator (.ai) oder CorelDraw (.cdr) erzeugt wurden, bleiben diese Ausgangsdateien auch bearbeitbar. Vektorgrafiken benötigen weniger Speicherplatz, da die zu speichernde Informationsmenge für eine Grafik im Vergleich zu Pixelgrafiken geringer ist. Dem gegenüber steht der technisch bedingte Nachteil, dass zur Darstellung auch der größten Vektorgrafik immer eine Rasterung erfolgen muss.
Um Vektorgrafiken zu erstellen, existiert diverse Software am Markt, vom Abomodell bis zu kostenlosen Open-Source-Lösung. Im professionellen Bereich kommt Adobe Illustrator zur Anwendung. Auch mit Adobe Photoshop lassen sich Vektorgrafiken erstellen. Als kostenloses Vektorgrafik-Programm bietet Inkscape einen ansprechenden Funktionsumfang inklusive SVG-Kompatibilität.
Möchten Sie ein Favicon erstellen? Dies funktioniert entweder mit gängigen Grafikprogrammen oder einem praktischen Favicon Generator.
- Intuitives Baukastensystem mit KI-Unterstützung
- Bilder und Texte wie von Profis gemacht, direkt SEO-optimiert
- Domain, SSL und E-Mail-Postfach inklusive
