Was sind die Unterschiede zwischen Vektorgrafiken und Rastergrafiken?

Vektorgrafiken sind Grafiken, in denen das Bild auf mathematische Weise dargestellt wird. Dadurch kann man ein Bild mit unendlicher Präzision vergrößern. Sie sind ideal für Situationen, in denen ein Bild mit unterschiedlichen Auflösungen und Abmessungen verwendet werden könnte.

Rastergrafiken haben eine feste Größe, etwa wie ein Gittermuster mit festgelegten Werten an jedem Punkt. Diese Grafiken sind die Voreinstellung für Dinge aus der realen Welt (IE, gescannte Bilder, Fotos usw.). Sie sind ideal für den Einsatz, wenn ein Bild nur einmal verwendet wird und nie vergrößert werden muss oder wenn Teile von einem Foto oder einem anderen realen Bild stammen.

(das ist Illustrator links, Photoshop rechts)

Rasterbilder sind nur Pixelgitter, wie das, was aus einer Digitalkamera oder einem Scanner kommt. Die Datei weiß nicht, was diese Pixel bedeuten . Webbilder und digitale Gemälde sind meistens gerastert.

• Adobe Photoshop , GIMP , Krita , Corel Photopaint und Pixelmator sind in erster Linie Raster (einige haben auch ein paar sehr einfache Vektorwerkzeuge, aber die Bilder, die sie erstellen, sind Raster).
• Die meisten digitalen Malprogramme und Apps wie ArtRage, Sketchbook, Layerpaint und Procreate sind Raster.
• JPG , GIF , PNG , TIFF , BMP sind alle gängigen Rasterbildformate. PSDs (Photoshop-Dateien) sind ebenfalls Raster (können aber gewissermaßen Vektorformen enthalten). PDFs können beides enthalten.

Vektorbilder bestehen aus separaten Formen, Linien, Pfaden usw. Sie sind flexibler, da jede Form separat ist und Sie beliebig hoch- und herunterskalieren können, aber es ist schwieriger, die Bilder natürlich aussehen zu lassen.

• Adobe Illustrator , Inkscape , Sketch , Affinity Designer und Corel Draw sind hauptsächlich Vektoren (obwohl einige einige Werkzeuge haben, die Rastereffekte hinzufügen).
• Die meisten CAD- und 3D- Rendering-Programme wie AutoCAD, Maya, Blender und Cinema4D arbeiten mit (komplexeren) Vektoren.
• EPS , SVG und AI (Illustrator) sind die gängigsten Vektorformate. Sie können alle eingebettete Rasterbilder enthalten. PDFs können beides enthalten - es ist eine gute Praxis, PDFs zu erstellen, in denen alles, was Vektor sein kann, und nur Dinge wie Fotos Raster sind.

Im Allgemeinen ist es eine gute Idee, wenn Sie Vektoren verwenden können. Es ist flexibler für die Skalierung, einfacher zu bearbeiten und Sie müssen sich keine Sorgen darüber machen, dass die Auflösung hoch genug für den Druck ist (Vektorbilder haben eine unendliche Auflösung ).

Es ist üblich, mit einer Mischung aus beidem zu arbeiten, zB wenn Sie ein Foto und andere Elemente haben.

@Pearsonartphoto bringt es schon schön auf den Punkt. Um eine möglichst kurze Definition zu finden, die noch richtig ist:

• Vektorgrafiken sind eine Sammlung geometrischer Elemente (Primitive wie Kreise, Quadrate, Dreiecke ... sowie Polygone und Kurven), die Sie beliebig vergrößern können.

• Raster-(Pixel-)Grafiken sind eine Sammlung farbiger Punkte. Sie können es nicht vergrößern, ohne dass die Punkte zu sehen sind.

HINWEISE: Inkscape wäre ein Beispiel für einen Vektorgrafik-Editor, während GIMP/Photoshop/Paint.NET/etc zum Bearbeiten von Rasterbildern geeignet sind.

Haben Sie schon einmal bemerkt, dass die Qualität abnimmt, wenn Sie in ein Bild hineinzoomen? Das ist ein Rasterbild. Ein Rasterbild ist wie das, das Ihre Digitalkamera aufnimmt. Sie liegen normalerweise in den Formaten JPG (verlustbehaftet), GIF (verlustfrei), PNG (mein Favorit; verlustfrei) und vielen anderen vor.

Dies ist ein Rastergrafik-Editor in Aktion:

Inzwischen liegen Vektorgrafiken im Format SVG und einige andere vor. Ihre Anwendungen sind in der Regel nicht alltagstauglich. (Normale Leute verwenden keine Vektorgrafiken.) Sie können normalerweise keine .svg-Dateien hochladen, und nicht jeder hat einen Editor (auch wenn Inkscape kostenlos ist).

Sie basieren auf der mathematischen Idee von Vektoren:

Vektorgrafiken können aber mehr als nur Linien. Sie können andere "Primitive" wie Quadrate, Kreise, Kurven zeichnen.

Hier ist ein Bild, das den Unterschied am besten erklärt: http://en.wikipedia.org/wiki/File:VectorBitmapExample.svg

Beachten Sie, dass ich nicht hochladen konnte, weil es im .svg-Format (Vektor) war. Sie können es zwar in ein Raster konvertieren, aber ich war zu faul.