Jakie są różnice między grafiką wektorową a grafiką rastrową?

32

Rozumiem z wcześniejszej wiedzy, że istnieją dwie różne opcje formatu / kompozycji obrazu do tworzenia obrazów; raster i wektor.

Chciałbym dowiedzieć się więcej na ich temat, na przykład o tym, jakie są ich cechy charakterystyczne i jakie typowe ogólne przypadki użycia mogą mieć.


  1. Z czego składa się grafika rastrowa?

    • Kiedy chciałbym wybrać raster zamiast wektora?

  1. Z czego składa się grafika wektorowa?

    • Kiedy chciałbym wybrać wektor zamiast rastra?

PearsonArtPhoto
źródło
Myślę, że „kiedy używałbyś kontra inny”. Potrzebny byłby nieco więcej kontekstu (ponieważ w mediach cyfrowych często będziesz musiał używać obrazów rastrowych, nawet jeśli wektor byłby „właściwą rzeczą”)
Pekka obsługuje GoFundMonica
Po prostu szukam typowych przykładów w idealnym świecie. Rozumiem, że często musisz używać obrazów rastrowych, ale szukam tylko ogólnych przypadków użycia.
PearsonArtPhoto

Odpowiedzi:

29

Grafika wektorowa to grafika, w której obraz jest reprezentowany w matematyczny sposób. Pozwala to na powiększenie obrazu z nieskończoną precyzją. Są idealne w sytuacjach, w których obraz może być używany w różnych rozdzielczościach i wymiarach.

Grafika rastrowa ma ustalony wymiar, trochę jak wzór siatki z określonymi wartościami w każdym punkcie. Te grafiki są domyślne dla rzeczy z prawdziwego świata (IE, zeskanowane obrazy, fotografie itp.). Są idealne do użycia, gdy obraz zostanie użyty tylko raz i nigdy nie będzie wymagał powiększenia, lub jeśli fragmenty pochodzą ze zdjęcia lub innego obrazu z prawdziwego świata.

PearsonArtPhoto
źródło
4
aby dodać odpowiedź do Gruszek: obrazy wektorowe są dobre dla logo i ikon, gdy rozmiar jest nieokreślony. Obrazy rastrowe są dobre dla tła i zdjęć, gdy wiesz, jak duży chcesz być.
zzzzBov
19

wprowadź opis zdjęcia tutaj

(to Illustrator po lewej, Photoshop po prawej)

Obrazy rastrowe to po prostu siatki pikseli, takie jak to, co wychodzi z aparatu cyfrowego lub skanera. Plik nie wie, co oznaczają te piksele . Obrazy sieciowe i obrazy cyfrowe są najczęściej rastrowe.

  • Adobe Photoshop , GIMP , Krita , Corel Photopaint i Pixelmator są przede wszystkim rastrowe (niektóre mają także kilka bardzo podstawowych narzędzi wektorowych, ale tworzone przez nich obrazy są rastrowe).
  • Większość programów i aplikacji do malowania cyfrowego , takich jak ArtRage, Sketchbook, Layerpaint i Procreate, jest rastrowych.
  • JPG , GIF , PNG , TIFF , BMP to wszystkie popularne formaty obrazów rastrowych. Pliki PSD (pliki Photoshop) są również rastrowe (ale mogą zawierać sortowane kształty wektorowe). Pliki PDF mogą zawierać oba te elementy.

Obrazy wektorowe składają się z oddzielnych kształtów, linii, ścieżek itp. Są bardziej elastyczne, ponieważ każdy kształt jest osobny i można skalować w górę i w dół, ile chcesz, ale trudniej jest, aby obrazy wyglądały naturalnie.

  • Adobe Illustrator , Inkscape , Sketch , Affinity Designer i Corel Draw są głównie wektorowe (chociaż niektóre mają kilka narzędzi, które dodają efekty rastrowe).
  • Większość programów do renderowania CAD i 3D , takich jak AutoCAD, Maya, Blender i Cinema4D, działa z (bardziej złożonymi) wektorami.
  • EPS , SVG i AI (Illustrator) to najpopularniejsze formaty wektorowe. Wszystkie mogą zawierać osadzone obrazy rastrowe. Pliki PDF mogą zawierać oba elementy - dobrą praktyką jest tworzenie plików PDF, w których wszystko, co może być wektorem, a tylko rzeczy takie jak zdjęcia są rastrowe.

Ogólnie rzecz biorąc, jeśli możesz użyć wektora, dobrze jest to zrobić. Będzie bardziej elastyczny w skalowaniu, łatwiejszy do edycji i nie będziesz musiał się martwić, że rozdzielczość będzie wystarczająco wysoka do drukowania (obrazy wektorowe mają nieskończoną rozdzielczość ).

Powszechnie jest pracować z mieszanką dwóch, np. Tam, gdzie masz zdjęcie i inne elementy.

user56reinstatemonica8
źródło
12

@Pearsonartphoto już ładnie to ujmuje. W celu znalezienia możliwie najkrótszej możliwej definicji, która jest nadal poprawna:

  • Grafika wektorowa to zbiór elementów geometrycznych (prymitywów, takich jak koła, kwadraty, trójkąty ... oraz wielokąty i krzywe), które można powiększyć do dowolnego rozmiaru.

  • Grafika rastrowa (Pixel) to zbiór kolorowych kropek. Nie możesz go powiększyć bez kropek.

Pekka obsługuje GoFundMonica
źródło
Zmniejszenie rozmiaru grafiki rastrowej nie degraduje jednak obrazu tak bardzo, jak powiększenie.
Jari Keinänen
@ okiyu na zdrowie, miałem na myśli „powiększenie”. Naprawiono
Pekka obsługuje GoFundMonica
@koiyu To wcale nie działa, jeśli używasz Super Sampling.
Mateen Ulhaq,
5

UWAGI: Inkscape byłby przykładem edytora grafiki wektorowej, podczas gdy GIMP / Photoshop / Paint.NET / itp. Są odpowiednie do edycji obrazów rastrowych.


Czy zauważyłeś kiedyś, że powiększenie obrazu obniża jakość? To obraz rastrowy. Obraz rastrowy jest podobny do tego, który robi aparat cyfrowy. Zwykle są w formacie JPG (stratny), GIF (bezstratny), PNG (mój ulubiony; bezstratny) i wielu innych.

To jest edytor grafiki rastrowej w akcji:

Paint.NET


Tymczasem obrazy wektorowe są w formacie SVG i niektórych innych. Ich aplikacje zwykle nie są do codziennego użytku. (Zwykli ludzie nie używają grafiki wektorowej.) Zwykle nie można przesyłać plików .svg i nie każdy ma edytor (mimo że Inkscape jest bezpłatny).

Opierają się na matematycznej idei wektorów:

Wektory

Jednak grafika wektorowa może zrobić coś więcej niż tylko linie. Mogą rysować inne „prymitywy”, takie jak kwadraty, koła, krzywe.


Oto obraz, który najlepiej wyjaśnia różnicę: http://en.wikipedia.org/wiki/File:VectorBitmapExample.svg

Zauważ, że nie mogłem przesłać, ponieważ był w formacie .svg (wektor). Możesz jednak przekonwertować go na raster, ale byłem zbyt leniwy.

Mateen Ulhaq
źródło