Sklep Strefa Klienta

Grafika wektorowa i grafika rastrowa. Wiesz czym się różnią?

Różnice między grafiką wektorową i rastrową są wałkowane zaraz na początku zajęć z informatyki oraz grafiki w szkołach średnich. Jest to wiedza podstawowa, która wprowadza każdego z nas w świat grafiki komputerowej. Warto wiedzieć czym obie grafiki się różnią, a także jak je wykorzystywać na co dzień. Jest to wiedza o tyle ważna, że może prowadzić do sporych nieporozumień. Ale o tym na końcu…

Grafika rastrowa. A co to takiego?

Aby wytłumaczyć czym jest raster, albo po prostu bitmapa, należy sobie wyobrazić siatkę równomiernie rozłożonych punktów. Punkty (inaczej piksele) składają się na całe grafiki/zdjęcia. Każdy z pikseli posiada unikalne właściwości, takie jak położenie na siatce, a także kolor, który przedstawia się w postaci heksadecymalnej (np. kolorowi białemu odpowiada kod #ffffff).

Najczęściej spotykanym formatem plików rastrowych jest .jpg. Jest to najpopularniejsze rozszerzenie grafik, które znajdziemy w internecie. Poza tym możemy spotkać się z rozszerzeniami: .png, .bmp, .gif. PNG obsługuje kanał alfa, czyli część siatki może być przeźroczysta. BMP jest to format wprowadzony przez Windowsa, charakteryzuje się sporymi rozmiarami plików. Jest przez to coraz rzadziej używany. Gif jest najpopularniejszym rozszerzeniem dla animacji.

Jeżeli szukamy narzędzia, w którym będziemy mogli edytować grafikę rastrową to najbardziej polecałbym Adobe Photoshop, Affinity Photo, czy chociażby… Paint.

Zainteresował Cię ten temat? Skontaktuj się z nami!

Biegun.Studio jest to marka z wieloletnim doświadczeniem. Inne agencje zwracają się do nas z projektami wymagającymi najwyższej jakości wykonania. Wiemy jak budować produkty cyfrowe, które działają. Dołącz do grona naszych klientów.

hello@biegun.studio+48 793 355 700Porozmawiajmy

Na drugą nóżkę – grafika wektorowa.

Grafika wektorowa charakteryzuje się tym, iż obraz nie składa się z rzędów pikseli. Jest on generowany poprzez funkcje matematyczne, figury oraz krzywe. W porównaniu do grafiki rastrowej, gdy zbliżymy do bardzo małych rozmiarów zobaczymy, że raster okaże się bardzo rozpikselowany. Znaczy to mniej więcej tyle, że będzie składał się z małych kwadratów.Wektor zaś pozostanie nadal wyraźny.

Jeżeli chodzi o pliki wektorowe, możemy wyróżnić .ai. Jest to rozszerzenie programu Adobe Ilustrator. Możemy także spotkać się z formatem .cdr z programu Corel Draw (choć według mnie coraz mniej osób korzysta z Corela). Co do programów, które zajmują się grafiką wektorową, jest także Affinity Designer.

Porównanie grafiki wektorowej i rastrowej
Porównanie grafiki wektorowej i rastrowej (w przybliżeniu).

A jak to wygląda w praktyce?

Wygląda to bardzo różnie. W czasie mojej zawodowej kariery spotkałem się wiele razy z niezrozumieniem klientów, gdy prosiłem ich o plik w postaci wektorowej. Dotyczyło to głównie loga, ponieważ bardzo ważne jest aby mogło być ono skalowalne. Oczywiście można stworzyć logo w Photoshopie, nikt nam tego nie zabroni, lecz praca to może okazać się na marne, gdy będziemy musieli je wykorzystać w sporych rozmiarów projekcie (np. baner reklamowy). Szczytem wszystkiego był przypadek, gdy tworzyłem gazetkę reklamową i po prośbie o plik loga otrzymałem plik z Libre Office’a Writera, w którym w środku umieszczony był obrazek. Bywa i tak 🙂

Rich snippets. Lepiej widoczni – widocznie lepsi!

Sklep Biegun.Studio

Prowadzisz stronę lub sklep na WordPressie?

Zajrzyj do naszego sklepu — znajdziesz w nim lekkie wtyczki WordPress i WooCommerce, które dodają konkretne funkcje bez spowalniania witryny. Zgodne z polskim prawem, z aktualizacjami w cenie i wsparciem po polsku.

Przeglądaj kategorie wtyczek

Compliance & Prawne

Zgodność z polskim prawem: OMNIBUS, GPSR i kolejne wymogi.

Zobacz produkty →
Formularze & Konta

Formularze kontaktowe, konta klientów i komunikacja e-mail.

Zobacz produkty →
Pakiety wtyczek Zobacz produkty →
SEO

Techniczne i treściowe SEO, które poprawia widoczność sklepu w Google.

Zobacz produkty →
Sklep & Zamówienia

Usprawnienia koszyka, zamówień i codziennej obsługi sklepu.

Zobacz produkty →
UX & Konwersje

Usuwaj bariery zakupowe i podnoś konwersję — cookie, trust badge, exit-intent i więcej.

Zobacz produkty →

Wyślij
wiadomość

Jesteśmy po to aby odpowiedzieć na każde Twoje pytanie

Praca w Biegun.Studio work@biegun.studio
Pomoc specjalisty hello@biegun.studio
Telefon +48 793 355 700

Co możemy dla Ciebie zrobić

  • Strony internetowe & E-commerce
  • Identyfikacja wizualna & Branding
  • Grafika 3D & Wizualizacje
  • SEO & Marketing
  • UX/UI Design
  • WordPress & WooCommerce
Oferta

Zachęcamy do otwarcia własnego biznesu w sieci

Oferujemy kompleksową ofertę usług cyfrowych – od projektowania stron internetowych i sklepów e-commerce, przez identyfikację wizualną i grafikę 3D, aż po pozycjonowanie i marketing. Poniżej znajdziesz spis wszystkich usług oferowanych przez Biegun.Studio.