Grafika wektorowa i grafika rastrowa. Na czym polega różnica?

Maciej Woźniczko
Maciej Woźniczko | 24 stycznia 2019 | 6 minut czytania
wektor_raster_zapakujto
Zapisz się teraz! Otrzymaj 5% zniżki.

Zapisz się do naszego newslettera, a otrzymasz 5% zniżki na pierwsze zamówienie.

check
Super!
Zapisaliśmy Cię na newsletter!

W tym artykule:

Grafika wektorowa to jeden z dwóch podstawowych rodzajów grafiki komputerowej – obok grafiki rastrowej. Czym się różnią? Jakie mają zalety i wady? I jakie ma to znaczenie przy projektowaniu opakowań? Dowiesz się z tego artykułu!

Kliknij w link, aby przejść do interesującego Cię tematu:

Co to jest grafika wektorowa?

W przypadku grafiki wektorowej (zwanej również grafiką geometryczną) do opisu
obrazu wykorzystywane są figury geometryczne (lub bryły, w przypadku grafiki 3D), takie jak odcinki, krzywe, okręgi i wielokąty.

wektory

Każda z nich opisana jest za pomocą wzorów matematycznych – współrzędnych końców w przypadku odcinka, współrzędnych środka i długości promienia w przypadku okręgu, i tak dalej. Dodatkowe informacje to m.in. grubość i kolor linii, kolor wypełnienia figury, czy stopień przezroczystości.

wektory i matematyka

Z grafiką wektorową mamy do czynienia w przypadku plików SVG, a także niektórych PDF, EPS, czy AI (pliki programu Adobe Illustrator) – pod warunkiem, że zostaną zapisane w odpowiedniej formie.

Wektorami są też fonty, które możesz oglądać na ekranie swojego komputera, smartfonu, tabletu lub czytnika e-booków.

fonty

Grafika wektorowa spełnia swoją rolę idealnie w przypadku obrazu, który nie posiada zbyt dużej ilości szczegółów - wykorzystasz ją choćby w naszym kreatorze projektując pudełko.

projektowanie w kreatorze

Najczęściej używanymi programami do grafiki wektorowej są CorelDraw i Adobe Illustrator.

Chcesz wiedzieć, jakie zalety ma grafika wektorowa? Czytaj dalej!

Zalety i wady grafiki wektorowej w projektowaniu

      • Jakie możliwości daje wykorzystanie grafiki wektorowej w praktyce?
      • Jakie rodzi zagrożenia w kontekście projektu graficznego i druku?
      • Kiedy z niej korzystać?

Zalety grafiki wektorowej

Dzięki temu, że obraz opisany jest tu przy użyciu współrzędnych, plik małych rozmiarów może zawierać grafikę o wysokiej rozdzielczości.

Dzięki temu taką grafikę możemy skalować praktycznie w nieskończoność. Plik PDF o rozmiarze poniżej 1 MB z powodzeniem wystarczy do druku wielkoformatowego, czy wykorzystania w spocie reklamowym przeznaczonym do telewizji 4K.

Dodatkowo, grafiki wektorowe można poddawać edycji w bardzo szerokim zakresie. A jeśli potrzebujemy zamienić ją na grafikę rastrową, nie stanowi to również większego problemu.

Ponieważ, jak wspomnieliśmy wcześniej, grafikę wektorową można w łatwy sposób skalować bez utraty jakości, to czyni z niej najlepszym rodzajem grafiki do efektywnego projektowania logo np. na pudełku przeznaczonym do druku, takim jak to:

pudełko fasonowe eco color

Znaczącą zaletą grafik wektorowych jest możliwość opisu przestrzeni trójwymiarowych.

Właśnie dlatego grafika wektorowa bardzo często wykorzystywana jest przy projektowaniu logo, np. takiego, które możesz umieścić na Twoim pudełku lub opakowaniu.

Dodatkowo, doskonale sprawdza się przy projektach map, znaków lub tworzeniu komiksów czy animacji.

      • Małe rozmiary pliku, wysoka rozdzielczość obrazu
      • Bardzo dobrze poddaje się skalowaniu bez utraty jakości
      • Szeroki wachlarz możliwości edycji
      • Opisuje przestrzeń trójwymiarową
      • Doskonale sprawdza się przy projektowaniu np. logotypów

Poznaj trendy, które będą kształtowały rynek opakowań w 2022 roku. Fasony, materiały, design - wzięliśmy pod lupę wszystkie najważniejsze aspekty. Pobierz nasz trendbook

Wady grafiki wektorowej

Grafika wektorowa ma jednak również swoje słabsze strony. Jedną z nich z pewnością jest wyższy poziom skomplikowania przy jej tworzeniu.

Ten typ obrazu graficznego nie sprawdzi się również w przypadku projektów bardzo szczegółowych, o dużej głębi kolorów - fotorealistycznych, jak choćby w tym projekcie.

Co więcej, warto pamiętać, że grafiki rastrowe zapisywane są najczęściej w formatach obsługiwanych tylko przez program, w którym je tworzymy - np. Adobe Illustrator.

To rodzi ze sobą kolejny problem - przed opublikowaniem takiej grafiki w sieci, trzeba przekształcić ją w grafikę rastrową.

Przeczytasz jak to zrobić w jednym z kolejnych rozdziałów.

      • Wyższy poziom skomplikowaniu przy tworzeniu grafik
      • Nie sprawdza się w przypadku wielobarwnych, fotorealistycznych obrazów
      • Mała elastyczność w kwestii obsługiwanych programów do edycji grafik

Co to jest grafika rastrowa?

Grafika rastrowa opisuje obraz za pomocą punktów umieszczonych na pionowo-poziomej siatce.

piksele

W przypadku obrazów wyświetlanych na ekranie monitora, punktami są piksele. A grafika opisana jest ich mapą, którą charakteryzują trzy wartości:

      • wysokość
      • szerokość
      • kolor

To właśnie w taki sposób aparaty cyfrowe zapisują zdjęcia. Możemy przyjąć, że z grafiką rastrową mamy do czynienia w internecie najczęściej – to praktycznie każda fotografia, z jaką zetkniecie się na stronach internetowych, czy w serwisach społecznościowych. A nawet szerzej – to każdy plik zapisany w formacie JPG, PNG, GIF, czy BMP - czyli tak zwane bitmapy.

Co ciekawe, ani na ekranie, ani w druku, nie oglądamy grafiki wektorowej. Ekran LCD czy LED sam jest mapą pikseli – wyświetla określoną liczbę punktów w poziomie i w pionie. Na przykład 1920 x 1280 (dla monitorów Full HD). W przypadku grafiki rastrowej sprawa jest prosta. Plik o rozmiarze 100 x 100 pikseli zajmie na ekranie powierzchnię 100 x 100 pikseli (trochę inaczej wygląda to w przypadku ekranu Retina).

Warto również wspomnieć o głębi kolorów. Paleta CMYK to odpowiednik 32 bit i możliwa jest w formacie TIF. Natomiast paleta RGB to 24 lub 48 bit, a obsługują ją formaty JPG (dla 24), TIF i PNG.

paleta cmyk i paleta rgb

 

Co to jest synteza addytywna i substraktywna oraz co będzie lepiej wyglądało na papierze? 👉 Dowiedz się wszystkiego o paletach barw CMYK i RGB

Do obsługi grafik rastrowych najczęściej korzysta się z programów takich jak: Adobe Photoshop, CorelDraw lub GIMP czy Affinity Photo.

      • Czym wyróżnia się grafika rastrowa?
      • Jakie ma słabe punkty?

Dowiesz się z kolejnego rozdziału.

Zalety i wady grafiki rastrowej

Grafika rastrowa charakteryzuje się innymi zaletami niż grafika wektorowa. Ma również inne słabe punkty.

Jakie?

Zalety grafiki rastrowej

Grafika rastrowa doskonale radzi sobie z odwzorowaniem głębi i subtelności barw.

Właśnie dlatego sprawdza się bezbłędnie w przypadku zdjęć lub projektów fotorealistycznych - złożonych z wielu barw i detali.

A propos barw. Czy wszystko powinno być na niebiesko, bo ludzie lubią ten kolor? 👉 Czytaj o psychologii kolorów

Jednak to niejedyny powód, dla którego grafika rastrowa tak chętnie wykorzystywana jest w fotografii. Posiada ona bowiem również szeroki wachlarz możliwości retuszowania i przerabiania, czyli fotomontażu.

Niewątpliwą zaletą jest liczba obsługiwanych formatów, a co za tym idzie spory wachlarz dostępnych narzędzi edycji takich grafik. Zarówno darmowych, jak i płatnych - jak wspomniany wcześniej popularny GIMP.

      • Dobrze odwzorowuje głębię barw
      • Doskonale sprawdza się w przypadku edycji zdjęć i fotomontażu
      • Szeroka gama obsługiwanych narzędzi edycji

Wady grafiki rastrowej

raster vs vector

Kluczową wadą grafiki rastrowej jest brak możliwości skalowania obrazów bez utraty jakości grafiki.

Co to oznacza w praktyce?

Gdybyśmy chcieli powiększyć logotyp zapisany na przykład w formacie w PNG, otrzymalibyśmy nieostry obraz, tzw. „pikselozę”.

Program graficzny, w którym dokonalibyśmy takiego powiększenia, po przekroczeniu oryginalnego rozmiaru grafiki musiałby „wymyślić” brakujące piksele, które umieściłby między oryginalnymi.

To rodzi kolejny problem. By takie obrazy nadawały się do druku, ich rozdzielczość musi być wystarczająco duża. A to sprawia, że wielkość pliku grafiki rastrowej urasta do często do sporych rozmiarów.

👉 Warto o tym pamiętać przy projektowaniu opakowań dla Twojej marki.

      • Słabo się skaluje, tracąc przy tym jakość obrazu
      • Duże rozmiary plików obrazów o dużej rozdzielczości

Grafika wektorowa i grafika rastrowa

Krótki rzut oka na poniższą grafikę pozwoli Ci dostrzec podstawową różnicę między grafiką wektorową a grafiką rastrową:

raster i wektor skalowanie

Grafika rastrowa:

      • doskonale sprawdza się w przypadku wielokolorowych, fotorealistycznych projektów graficznych, np. zdjęć
      • może być zapisywana w wielu formatach plików i edytowana w równie wielu programach
      • słabo się skaluje, a pliki w wysokiej rozdzielczości ważą nierzadko bardzo dużo

Grafika wektorowa:

      • to dobry wybór przy projektowaniu logotypów i form geometrycznych
      • zazwyczaj zapisywana jest do konkretnego pliku obsługiwanego przez konkretny program
      • w łatwy sposób podlega bezstratnemu skalowaniu przy małej objętości wyjściowej pliku

Czy można przekształcić grafikę rastrową w wektorową i odwrotnie?

Co jeśli chcemy wyświetlić na ekranie np. Macbooka plik wektorowy?

Musi on zostać poddany rasteryzacji, której dokonuje karta graficzna.

Rasteryzacja to rodzaj konwersji pliku wektorowego do rastrowego. Dzięki temu figury geometryczne są przedstawiane w formie pikseli. Im większe zagęszczenie pikseli na cal (PPI) na ekranie, tym wierniejsze odwzorowanie.

A odwrotnie? Przy pomocy programów takich jak Adobe Illustrator możemy przekształcić grafikę rastrową w wektorową. Jak to zrobić?

Jak przekształcić grafikę rastrową w wektorową?

By tego dokonać należy oczywiście zrobić to w odpowiednim programie. Przekształcanie grafiki rastrowej w grafikę wektorową można wykonać w Adobe Illustrator w kilku krokach.

Krok 1: Zaimportuj grafikę rastrową do programu. Jak to zrobić? Najprostszym sposobem będzie przeciągnięcie pliku graficznego do okna Illustratora.

Krok 2: Zapoznaj się z panelem obrys obrazu, który pojawi się po zaimportowaniu grafiki. Masz możliwość podgląd statusu grafiki lub osadzenia jej.

Krok 3: Czyli funkcja “Obrys obrazu”. Z rozwijanej listy wybierz opcje, które nadadzą grafice pożądany efekt. Możesz robić to metodą prób i błędów w zależności od tego, z jakim rodzajem obrazu pracujesz.

A kiedy Twoja grafika jest już gotowa warto zastanowić się, jak następnie przygotować projekt do druku.

Grafika rastrowa i wektorowa w praktyce - na przykładzie kreatora zapakuj.to

Jak zatem przygotować projekt do druku? 🤔

Przeglądarki internetowe ignorują informację o DPI (czyli zagęszczenie punktów na cale) w plikach graficznych, ale nie musisz się tym przejmować.

dpi i ppi

Wystarczy, że przygotujesz swój projekt w rozmiarach określonych w naszej instrukcji. Weźmy popularne pudełko F52.

Wymiary jego górnej ścianki to 25,606 cm x 19,329 cm. 1 cal to w przybliżeniu 2,54 centymetra, więc wymiary w calach to 10,081 x 7,61.

Jeśli chcesz wrzucić grafikę pokrywającą całą klapę, musi mieć ona wymiary 3025 x 2283 pikseli. Jeśli podzielimy 3025 przez 10,081, otrzymamy wynik 300,07.

Jeśli posiadasz pliki wektorowe (obsługiwane przez Kreator formaty to PDF i SVG), skorzystaj z nich. To ważne przy logotypach i tekstach, a także w przypadku projektów, które zamierzasz wydrukować na maszynie offsetowej.

Te ostatnie wymagają specjalnego przygotowania – w procesie produkcji powstają cztery matryce, każda przeznaczona do druku w innym kolorze z przestrzeni CMYK.

👉 Na ten temat więcej przeczytasz w naszym wpisie poświęconym drukowi offsetowemu.

W przypadku techniki cyfrowej oraz offsetowej maszyny drukują na konkretnej powierzchni konkretną liczbę punktów.

Branżowym standardem jest rozdzielczość 300 DPI, czyli 300 punktów na cal.

W taki sam sposób działa to w zapakuj.to. Dlatego, jeśli projektujesz swoje pudełka na przygotowanym przez nas wykrojniku, zapisz go w takiej formie, o jakiej mówi instrukcja – czyli w rozdzielczości 300 DPI.

👉 Pobierz przykładowe grafiki przygotowane do projektowania w naszym kreatorze.

Masz już swój projekt i chcesz sprawdzić go w praktyce?

Zacznij projektować!

Choose other country