Was ist eine Vektorgrafik?
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.
Mehr als nur eine Domain!
Hier finden Sie Ihre perfekte Domain - z.B. .de Domain + persönlicher Berater
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.
HiDrive Cloud Speicher von IONOS!
Ihr sicherer Online-Speicher mit Serverstandort in Deutschland: zentral speichern, teilen und bearbeiten!
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.
Eine Homepage erstellen mit IONOS
MyWebsite ist die schlüsselfertige Lösung für Ihre professionelle Präsenz im Internet inklusive persönlichem Berater!
Ähnliche Artikel
Pixelgrafik oder Vektorgrafik? Vor- und Nachteile im Vergleich
Wann nutzen Sie eine Pixelgrafik und in welchem Fall ist eine Vektorgrafik besser geeignet? Wir stellen die Vor- und Nachteile beider Klassen von Computergrafiken gegenüber und zeigen die jeweiligen Anwendungsbereiche auf. So verwenden Sie auf Ihrer Website an jeder Stelle das richtige Bildelement in optimaler Qualität.
Mike TaylorShutterstock Was ist ein Pixel?
Was sind eigentlich Pixel? Mit der massenhaften Verbreitung von hochauflösenden Bildschirmen und Digitalkameras gelangte das Pixel als Kunstwort in aller Munde. Hinter diesem kleinsten Element eines gerasterten Bildes verbirgt sich eine ausgefeilte Technologie, dank der sich Abbildungen detailliert, farbrichtig und ohne sogenannte Artefakte auf Displays und über Drucker wiedergeben lassen.
Bild freistellen: So geht’s mit Photoshop, GIMP, Paint.NET und PowerPoint
Das Freistellen von Bildern – also das Trennen eines Objekts im Vordergrund vom Hintergrund – gehört zu den wichtigsten Anwendungen in Grafikprogrammen. Wir zeigen Ihnen, wie Sie selbst mithilfe von Photoshop, GIMP, Paint.NET, verschiedenen Onlinetools oder sogar PowerPoint ganz einfach Objekte in Fotos freistellen können. Dieses Vorgehen eignet sich hervorragend, um beispielsweise digitale…
Grafikformate: Die wichtigsten Speicherformen für Bilder im Web
Egal, ob Sie einen Onlineshop führen, eine Firmenhomepage betreuen oder einen Blog betreiben: Ohne Fotos und Grafiken funktioniert keines dieser Webprojekte. Bilder setzen optische Reizpunkte, die Ihre Textinhalte aufwerten und Ihre Besucher binden können. Entscheidend ist es aber nicht nur, geeignete grafische Elemente zu finden, sondern auch das jeweils passende Grafikformat zu wählen, das…
Der RGB-Farbraum – einfach erklärt
RGB erzeugt als Farbmodell mit den drei RGB-Farben Rot, Grün und Blau die Gesamtmenge der auf einem Bildschirm darstellbaren Farben. Das physikalische Prinzip dahinter ist die additive Farbmischung von definierten Bestandteilen des sichtbaren Lichts. Mit verschiedenen Farbräumen wird die größtmögliche Annäherung an die Farbwiedergabe der Wirklichkeit erreicht.
