KWALIFIKACJA INF3 - CZERWIEC 2020

PYTANIE NR 12.
Która cecha grafiki wektorowej jest prawdziwa?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Grafika wektorowa opisuje obraz za pomocą obiektów matematycznych (krzywe, linie, kształty), a nie siatki pikseli. Dzięki temu można ją skalować bez utraty jakości, więc jest praktycznie niezależna od rozdzielczości. Pozostałe stwierdzenia są fałszywe: wektory są skalowalne, edytowalne i mogą zostać zrasteryzowane.

Pełne wyjaśnienie:

Poprawne jest stwierdzenie: "Grafika wektorowa jest niezależna od rozdzielczości." Wynika to z tego, że obraz wektorowy nie jest zapisany jako tablica pikseli, tylko jako zestaw opisów obiektów (np. odcinki, krzywe Béziera, wypełnienia, obrysy) oraz ich parametrów. Podczas wyświetlania lub eksportu program przelicza te opisy na piksele dla danej powierzchni i urządzenia, dlatego ten sam plik może wyglądać ostro przy różnych rozmiarach.

Stwierdzenie "Grafika wektorowa jest nieskalowalna." jest błędne, bo skalowalność bez utraty jakości jest jedną z jej głównych zalet (typowe zastosowania to logotypy i ikony w różnych rozdzielczościach).

Stwierdzenie "Nie można przetworzyć ją na grafikę rastrową." jest również błędne. W praktyce bardzo często wykonuje się rasteryzację wektorów, np. eksport do PNG/JPG, generowanie miniatur czy renderowanie do bitmapy w przeglądarce lub silniku graficznym.

Stwierdzenie "Raz utworzoną nie można edytować." jest fałszywe, ponieważ grafika wektorowa jest z natury obiektowa: można edytować kształty, węzły, krzywe, kolory, grubości linii i atrybuty. Trzeba jedynie pamiętać, że po rasteryzacji (zamianie na bitmapę) edycja staje się edycją pikseli, a nie obiektów.

W kontekście WWW warto kojarzyć wektory szczególnie z formatem SVG, a raster z PNG/JPG/WebP. Dobór formatu wpływa na jakość przy skalowaniu, wagę pliku i łatwość stylowania elementów w interfejsie.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Grafika wektorowa opisuje obraz za pomocą obiektów (linie, krzywe, kształty), a rastrowa jako siatkę pikseli. Wektory zwykle lepiej znoszą skalowanie, a raster jest typowy dla zdjęć. W WWW wektory to często SVG, a raster to np. PNG/JPG/WebP.
Ponieważ nie przechowuje stałej liczby pikseli. Zawiera opis matematyczny obiektów, który jest renderowany do pikseli dopiero podczas wyświetlania/eksportu. Dzięki temu ten sam plik może zostać narysowany ostro w wielu rozmiarach i na różnych ekranach.
Tak. Proces nazywa się rasteryzacją i polega na wyrenderowaniu obiektów wektorowych do bitmapy o zadanej rozdzielczości, np. eksport SVG do PNG. Po rasteryzacji obraz traci "wektorowość" i przy powiększaniu może się pikselować.
SVG jest często używane do ikon, logotypów, prostych ilustracji, wykresów i elementów UI. Zaletą jest ostrość przy skalowaniu oraz możliwość stylowania (np. kolory, obrysy) i animowania. Nie zawsze jest najlepsze do fotografii.
Częsty błąd to używanie bitmap (np. PNG) dla ikon i logotypów, co daje słabą jakość na ekranach o wysokim DPI. Inny błąd to używanie SVG do złożonych zdjęć, co zwykle nie ma sensu. Warto dobierać format do typu treści.
Oznacza to, że jakość obrazu rastrowego wynika z liczby pikseli. Jeśli powiększysz bitmapę ponad jej natywną rozdzielczość, piksele stają się widoczne i obraz traci ostrość. Wektory są renderowane na nowo, więc skalują się "czyściej".
Zwykle po rozszerzeniu i zachowaniu przy powiększaniu. Typowe wektory to SVG, AI, EPS, PDF (często). Typowe rastry to PNG, JPG, GIF, BMP, WebP. Najpewniej sprawdzisz w edytorze: wektor ma warstwy/obiekty, raster piksele.
Nie zawsze. Dla prostych kształtów i ikon SVG bywa bardzo małe, ale dla bardzo złożonych ilustracji może urosnąć. Zdjęcia zwykle lepiej wypadają jako formaty rastrowe z kompresją (JPG/WebP). Rozmiar zależy od treści i kompresji.
Zalety: ostrość przy skalowaniu, łatwa zmiana kolorów, dobre dla ikon i logotypów, możliwość animacji. Wady: nieopłacalna dla fotografii, złożone SVG mogą obciążać renderowanie. Trzeba też uważać na bezpieczeństwo przy osadzaniu SVG.
Utrwal definicje: piksel, rozdzielczość, skalowanie, rasteryzacja. Poćwicz dobór formatów do zastosowań (ikona vs zdjęcie). Warto znać podstawy SVG w kontekście WWW oraz typowe formaty rastrowe. Pomaga też porównywanie jakości po powiększeniu.
info

To pytanie poprawnie rozwiązuje 83% zdających egzamin. średnio łatwe

Specjaliści zwracają uwagę: "Grafika wektorowa opisuje obraz za pomocą obiektów matematycznych (krzywe, linie, kształty), a nie siatki pikseli."

Źródła:

  • W3C: Scalable Vector Graphics (SVG) 2 — Specification (dokumentacja techniczna SVG), https://www.w3.org/TR/SVG2/ - dostęp 2026-02-27
  • MDN Web Docs: SVG (poradniki i opis właściwości grafiki wektorowej w WWW), https://developer.mozilla.org/en-US/docs/Web/SVG - dostęp 2026-02-27
  • Adobe Help Center: About vector and bitmap images (opis różnic wektor/bitmapa), https://helpx.adobe.com/illustrator/using/vector-bitmaps.html - dostęp 2026-02-27

Materiały:

  • Dokumentacja SVG (specyfikacja i wprowadzenia)
  • Podstawy grafiki komputerowej: rozdzielczość, piksel, wektor, raster
  • Materiały kursowe z grafiki dla web developerów (formaty plików, zastosowania)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego