Vektor vs. Raster: Was verwende ich?

Bei all den Bildoptionen und Dateiformaten kann es etwas überwältigend sein, wenn Sie den zu verwendenden Dateityp auswählen (und an Clients senden). Die Kompatibilität ist immer ein Problem, wenn Sie mit verschiedenen Dateitypen arbeiten. Bei Grafiken und Bildern ist jedoch die Art des verwendeten Computergrafikformats für die Darstellung des Bilds von entscheidender Bedeutung.

Es gibt zwei Arten von digitalen Grafikdateien - Vektor und Raster. Vektorbilder bestehen aus Hunderttausenden winziger Linien und Kurven (oder Pfade), um ein Bild zu erstellen. Rasterbilder bestehen aus Pixeln. Aber woher wissen Sie, welches Format für Ihr nächstes Projekt am besten geeignet ist?

Entdecken Sie Designressourcen

Vektorbilder

Vektorbilder, die aus dünnen Linien und Kurven bestehen, die als Pfade bekannt sind, wurzeln in der mathematischen Theorie.

Vektorbilder, die aus dünnen Linien und Kurven bestehen, die als Pfade bekannt sind, wurzeln in der mathematischen Theorie. Vektorgrafiken müssen in einer Computersoftware erstellt werden, die für die Erstellung dieses komplizierten Drahtgitterbilds ausgelegt ist. Jede Linie enthält definierte Knotenpositionen, Knotenpositionen, Linienlängen und Kurven. Jeder Linie und Kurve im Bild kann ein Farbwert zugewiesen werden. Aufgrund dieses definierten, formelhaften Ansatzes beim Zeichnen kann jedes Bild wiederholt und unbegrenzt in der Größe und Skalierung skaliert werden, ohne die Auflösung zu verlieren oder trübe oder pixelig zu wirken.

Sie können ein Vektorbild anhand seiner Ränder identifizieren. Ein Vektorbild wird immer glatt angezeigt, unabhängig davon, wie groß Sie es machen oder wie nah Sie hineinzoomen. Text ist eine der häufigsten Arten von Vektorbildern. Unabhängig davon, wie stark Sie beispielsweise die Schriftgröße erhöhen, ändert sich das Erscheinungsbild nie.

Ein weiterer Vorteil bei der Verwendung von Vektorbildern ist die Effizienz der Dateigröße. Da die Dateien nur durch mathematische Beschreibungen und nicht durch einzelne Pixel identifiziert werden, sind Dateien häufig viel kleiner als die der Raster-Gegenstücke. Vektorbilder sind daher häufig einfach von einem Computer auf einen anderen und über das Internet zu übertragen.

Das häufigste Problem bei der Verwendung von Vektorbildern ist die Kompatibilität. Vektorbilder werden häufig als native Dateien aus dem Programm gespeichert, mit dem das Bild erstellt wurde, z. B. Adobe Illustrator, das möglicherweise nicht für alle verfügbar ist, mit denen Sie arbeiten müssen (obwohl es weitgehend kompatible Formate gibt).

Logos

Vektorbilder sind die Option Nr. 1 beim Entwerfen oder Erstellen eines Logos oder einer Illustration. Aufgrund der Art und Weise, wie Bilder erstellt und gespeichert werden, haben Sie mehr Flexibilität beim Vornehmen von Änderungen und können Ihr Bild in verschiedenen Größen verwenden. Möglicherweise benötigen Sie jetzt nur ein Weblogo, aber wie großartig wäre es, wenn dieses Bild später für ein Banner oder eine Ware bereit wäre, ohne es erneut erstellen zu müssen?

Fotos

Fotos sind keine Vektorgrafiken. In einem Vektorarbeitsbereich können nur Illustrationen erstellt werden, die wie Fotos aussehen.

In Benutzung

Die meisten Unternehmen erstellen alle ihre Logos und Insignien als Vektorgrafiken. Diese Dateien werden gespeichert und dienen als Grundlage für Rasterkopien, die im Print- und Web-Publishing verwendet werden. Wenn Sie eine schöne Bibliothek mit Vektorbildern aufbewahren, können Sie Zeit sparen, da Sie die Größe im Handumdrehen ändern können.

Hochauflösende, hochwertige Cliparts werden häufig auch als Vektorgrafiken entwickelt und verkauft. Sie erhalten mehr Flexibilität und mehr für Ihr Geld, wenn Sie vektorbasierte Cliparts anstelle von Bildern mit hoher Auflösung kaufen.

Typ und Schriftarten werden auch als Vektorbilder erstellt, sodass Sie die Größe ändern und gleichzeitig die Qualität beibehalten können. Dies verhindert auch, dass der Typ blockig aussieht, und hilft bestimmten Schriften, ihre glatten Formen und Kanten beizubehalten. Beachten Sie jedoch, dass Ihr Text beim Erstellen eines Bildtyps zu einem Bild oder einem anderen Dateityp in einer Software wie Adobe Photoshop (die auf Raster basiert) seine Vektorattribute verliert, sobald das Bild reduziert und gespeichert wird.

Rasterbilder

Rasterbilder werden oft als Bitmap-Bilder bezeichnet, da sie aus Millionen winziger Quadrate bestehen, die als Pixel bezeichnet werden. Sie können ein Raster- oder Bitmap-Bild identifizieren, indem Sie es genau betrachten. Wenn Sie ausreichend zoomen, können Sie die quadratischen Umrisse jedes Pixels sehen (insbesondere an Kanten, an denen dramatische Farbkontraste auftreten).

Rastergrafiken haben normalerweise größere Dateien als ihre Vektor-Gegenstücke. Höhere Einstellungen für DPI (Punkte pro Zoll) und PPI (Pixel pro Zoll) tragen auch zu größeren Dateien bei, da die Software jedes Pixel verfolgen und rendern muss. Die Dateigröße kann zu einem Problem werden, wenn der Speicher- oder Serverplatz begrenzt ist oder wenn Dateien elektronisch übertragen werden müssen.

Logos

Sie sollten die Verwendung von Rasterbildern beim Erstellen und Arbeiten mit Logos und Illustrationen vermeiden. In einigen Fällen kann ein Rasterbild erfolgreich verwendet werden, wenn mit Logos gearbeitet wird, insbesondere wenn das Logo eher bild- als textbasiert ist. Es wird jedoch empfohlen, das Logo als Vektordatei zu erstellen und Kopien als Rasterbilder zu speichern, wenn dies für bestimmte Projekte erforderlich ist.

Fotos

Rasterbilder sind die bevorzugte Methode bei der Arbeit mit Fotos. Wenn Fotos mit einer Digitalkamera aufgenommen oder auf einen Scanner kopiert werden, sind die resultierenden Dateien Rasterbilder.

In Benutzung

Fast alle Bilder, die Sie auf Websites finden, sind Rasterbilder, auch solche, die möglicherweise ursprünglich mit Pfaden erstellt wurden. Rasterbilder sind normalerweise für die digitale Veröffentlichung akzeptabel, funktionieren jedoch in gedruckten Projekten möglicherweise nicht gut. Oft werden diese Dateien als niedrige Auflösungen gespeichert und sind nicht für die Druckwiedergabe geeignet.

In gedruckten Medien wie Büchern, Zeitschriften und Zeitungen werden häufig Rasterbilder zur Reproduktion von Fotografien verwendet. Bilder werden mit einer hohen DPI gespeichert, damit die Qualität während des Druckvorgangs nicht beeinträchtigt wird. Weitere Informationen zu DPI und PPI finden Sie in diesem vorherigen Design Shack-Artikel.

Dateiformate

Bilddateien können in einer Vielzahl von Formaten gespeichert und gespeichert werden. Wenn Sie mit etwas arbeiten, das Sie nicht erstellt haben, können Sie erraten, wie die Bilddatei in Bezug auf Vektor oder Raster erstellt wurde, indem Sie sich das Dateiformat oder die Dateierweiterung am Ende des Bilddateinamens ansehen. Hier sind einige der gängigsten Dateiformate.

Vektor

Grundlegende Dateitypen: .drw (Vektordatei), .pif (Vektorbild-GDF-Format), .pct (Macintosh-Bitmap-Grafikformat), .ps (Adobe PostScript), .eps (gekapseltes PostScript), .svf (einfaches Vektorformat) .

• Adobe Illustrator: .ai, .ait, .art
• Corel Draw: .cdr, .cdrw, .cdt
• Corel: pat (Paint Shop Pro Musterbild)
• Digitales Liniendiagramm: .dlg, .do
• OpenOffice: .odg

Raster

Grundlegende Dateitypen: .jpg (JPEG-Rasterformat), .gif (transparente GIF-Datei), .png (transparente Portanble Network Graphic-Datei), .tiff oder .tif (Tag Interleave Format)

• Adobe Photoshop: .psd

EPS- und PDF-Dateien

Eingekapselte PostScript-Dateien (.eps) sind in sich geschlossene Dateien, die mathematisch mit Vektordateien identisch sind, obwohl sie auch aus Rasterbildern erstellt werden können. Das Format ist eines der kompatibelsten und portabelsten, da sie von fast allen Grafikprogrammen unterstützt werden. Sie sind eine Alternative zur Verwendung von Vektordateien, wenn die nativen Formate nicht verfügbar sind.

Adobe PDF-Dateien (Portable Document Format) verwenden eine Kombination aus Vektor- und Rasterbildern. In diesem kompakten und universellen Format werden Dateien so gerendert, wie sie erstellt wurden. Vektorbilder werden als solche gerendert und skaliert und extrahiert. Schriftarten werden in eine Datei eingebettet und als Typ gerendert, nicht als Bildelement abgeflacht. Rasterbilder, z. B. Fotos, werden zu 100 Prozent wie beabsichtigt angezeigt, verlieren jedoch an Qualität, wenn sie zu stark vergrößert werden.

Fazit

Wenn Sie mit dem richtigen Bildtyp beginnen, können Sie im Laufe eines Projekts viel Zeit und Nacharbeit sparen. Bewerten Sie, wie Sie Grafiken verwenden, und generieren Sie Ihre Bilder entsprechend.

Denken Sie daran, dass Vektorbilder am besten für Logos und Illustrationen verwendet werden. Rasterbilder sind der Standard in der digitalen Fotografie und werden üblicherweise für alle Grafiken verwendet, sobald sie digital veröffentlicht wurden. Erstellen Sie eine Vektorbildbibliothek für Ihre Dateien und speichern Sie Kopien für rasterbasierte Arbeiten, um Zeit während der Laufzeit eines Projekts zu sparen.

Bildquellen: Hmomoy, Mistercorn, Dominics Bilder, Faith Goble, L2F1 und Macieklew.