Was sind die Unterschiede zwischen Vektorgrafiken und Rastergrafiken?


32

Ich verstehe aus früheren Kenntnissen, dass zwei verschiedene Bildformat- / Kompositionsoptionen zum Erstellen von Bildern verfügbar sind. Raster und Vektor.

Ich würde gerne mehr über sie erfahren, wie zum Beispiel, was die bestimmenden Eigenschaften von jedem sind und welche typischen generischen Anwendungsfälle jeder haben könnte.


  1. Woraus bestehen Raster-Grafiken?

    • Wann möchte ich Raster statt Vektor auswählen?

  1. Woraus bestehen Vektorgrafiken?

    • Wann würde ich Vektor über Raster wählen wollen?


"Wann würdest du vs the other verwenden" ist ein bisschen breit, denke ich. Ein bisschen mehr Kontext wird benötigt (weil in digitalen Medien häufig Rasterbilder verwendet werden müssen, auch wenn Vektor das "Richtige" wäre)
Pekka unterstützt GoFundMonica am

Ich suche nur nach typischen Beispielen in einer idealen Welt. Ich verstehe, dass Sie häufig Rasterbilder verwenden müssen, aber ich suche nur nach den allgemeinen Anwendungsfällen.
PearsonArtPhoto

Antworten:


29

Vektorgrafiken sind Grafiken, in denen das Bild mathematisch dargestellt wird. Auf diese Weise können Sie ein Bild mit unendlicher Präzision vergrößern. Sie sind ideal für Situationen, in denen ein Bild in verschiedenen Auflösungen und Abmessungen verwendet werden kann.

Rastergrafiken haben eine feste Abmessung, ähnlich einem Rastermuster mit festgelegten Werten an jedem Punkt. Diese Grafiken sind die Standardeinstellungen für Objekte aus der realen Welt (IE, gescannte Bilder, Fotos usw.). Sie sind ideal für die Verwendung, wenn ein Bild nur einmal verwendet wird und niemals vergrößert werden muss oder wenn Teile von einem Foto oder einem anderen realen Bild stammen.


4
Zur Antwort von Pears hinzufügen: Vektorgrafiken sind gut für Logos und Icons, wenn die Größe unbestimmt ist. Rasterbilder eignen sich gut für Hintergründe und Fotos, wenn Sie wissen, wie groß etwas sein soll.
zzzzBov

19

Bildbeschreibung hier eingeben

(das ist Illustrator auf der linken Seite, Photoshop auf der rechten Seite)

Rasterbilder sind nur Pixelraster, wie sie von einer Digitalkamera oder einem Scanner stammen. Die Datei weiß nicht, was diese Pixel bedeuten . Webbilder und digitale Bilder sind meistens Rasterbilder.

  • Adobe Photoshop , GIMP , Krita , Corel Photopaint und Pixelmator sind in erster Linie Raster (einige haben auch einige 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 jedoch auch 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 runterskalieren können. Es ist jedoch schwieriger, die Bilder natürlich aussehen zu lassen.

  • Adobe Illustrator , Inkscape , Sketch , Affinity Designer und Corel Draw sind in erster Linie Vektoren (obwohl einige Tools Raster-Effekte 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 empfiehlt sich, PDFs zu erstellen, bei denen alles, was vektoriell sein kann, und nur Dinge wie Fotos ein Raster sind.

Wenn Sie Vektor verwenden können, ist dies im Allgemeinen eine gute Idee. Es ist flexibler für die Skalierung, einfacher zu bearbeiten und Sie müssen sich keine Sorgen machen, dass die Auflösung für den Druck hoch genug ist (Vektorgrafiken haben eine unendliche Auflösung ).

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


12

@Pearsonartphoto setzt es schon schön. Um die kürzestmögliche Definition zu finden, die noch korrekt ist:

  • Vektorgrafiken sind eine Sammlung geometrischer Elemente (Grundelemente 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 angezeigt werden.


Ändern der Größe der Rastergrafik nach unten nicht verschlechtert das Bild so viel wie Vergrößerung, though.
Jari Keinänen

@koiyu Prost, ich meinte "vergrößern". Feste
Pekka GoFundMonica unterstützt

@koiyu Es funktioniert überhaupt nicht, wenn Sie Super Sampling verwenden.
Mateen Ulhaq

5

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


Haben Sie jemals bemerkt, dass die Qualität beim Vergrößern eines Bildes abnimmt? Das ist ein Rasterbild. Ein Rasterbild entspricht dem Ihrer Digitalkamera. Sie haben normalerweise die Formate JPG (verlustbehaftet), GIF (verlustfrei), PNG (mein Favorit; verlustfrei) und viele andere.

Dies ist ein Raster Graphics Editor in Aktion:

Paint.NET


In der Zwischenzeit sind Vektorgrafiken im SVG-Format und einige andere. Ihre Anwendungen sind in der Regel nicht für den täglichen Gebrauch. (Gewöhnliche Leute verwenden keine Vektorgrafiken.) Normalerweise können Sie keine .svg-Dateien hochladen, und nicht jeder hat einen Editor (obwohl Inkscape kostenlos ist).

Sie basieren auf der mathematischen Idee der Vektoren:

Vektoren

Vektorgrafiken können jedoch mehr als nur Linien. Sie können andere "Grundelemente" 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 das Bild nicht hochladen konnte, da es im .svg-Format (Vektorformat) vorliegt. Sie können es in ein Raster konvertieren, aber ich war zu faul.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.