KWALIFIKACJA PGF4 - STYCZEŃ 2019

PYTANIE NR 36.
Przed opublikowaniem na stronach www statycznych obiektów wektorowych z programów graficznych (np. AI, CDR) należy
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Plików źródłowych z programów wektorowych (np. AI, CDR) przeglądarki nie obsługują bezpośrednio.
Przed publikacją trzeba je wyeksportować do formatu webowego: wektorowego SVG (skalowalność) albo rastrowego (np. PNG/JPG). Trasowanie i wektoryzacja dotyczą zwykle zamiany rastra na wektor, więc nie rozwiązują problemu publikacji.

Pełne wyjaśnienie:

Przeglądarki internetowe nie "czytają" natywnych formatów roboczych z programów graficznych, takich jak AI czy CDR. Aby umieścić statyczną grafikę wektorową na stronie WWW, trzeba wykonać eksport do formatu webowego. Dlatego poprawne jest: "przekształcić je w format SVG lub rastrowy (PNG, JPG)".

Dlaczego SVG lub raster?

  • SVG to webowy format wektorowy (standard W3C), skalowalny bez utraty jakości, świetny dla ikon, logotypów i prostych ilustracji.
  • Formaty rastrowe (np. PNG/JPG) są uniwersalnie obsługiwane i bywają lepsze dla złożonych grafik, cieni, filtrów lub gdy wektor byłby zbyt "ciężki" w renderowaniu.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • "przekształcić obiekty wektorowe w rastrowe" opisuje jedną z metod, ale nie uwzględnia równorzędnej, poprawnej drogi wektorowej (SVG). Samo stwierdzenie byłoby zbyt wąskie jako jedyne "należy".
  • "wykonać trasowanie obiektów wektorowych" jest nielogiczne w tym kontekście: trasowanie to typowo odtwarzanie wektorów na podstawie obrazu rastrowego (raster → wektor), a nie przygotowanie pliku AI/CDR do WWW.
  • "wykonać wektoryzację obiektów wektorowych" także nie rozwiązuje problemu, bo wektoryzacja dotyczy zwykle zamiany rastra na wektor; obiekt już jest wektorowy.

Wskazówka egzaminacyjna: jeśli w pytaniu pojawiają się formaty robocze (AI, CDR, EPS), szukaj odpowiedzi mówiącej o eksporcie do formatów docelowych dla WWW (SVG albo raster), a nie o operacjach typu trasowanie/wektoryzacja.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
SVG to format grafiki wektorowej oparty na opisie matematycznym. Na stronach WWW służy do ikon, logotypów i prostych ilustracji, bo skaluje się bez utraty jakości. Może być osadzany jako plik lub bezpośrednio w kodzie strony.
AI i CDR to formaty robocze konkretnych programów graficznych. Przeglądarki nie mają natywnej obsługi tych struktur, więc nie potrafią ich renderować jak PNG/JPG/SVG. Dlatego przed publikacją trzeba wykonać eksport do formatu webowego.
Najczęściej spotkasz PNG i JPG, a także nowsze WebP i AVIF. Raster składa się z pikseli, więc przy powiększaniu traci ostrość. Jest dobry dla zdjęć i obrazów z wieloma szczegółami oraz efektami, które w SVG byłyby niepraktyczne.
SVG warto wybrać, gdy grafika ma proste kształty: ikony, logotypy, piktogramy, schematy. Zyskujesz skalowanie bez utraty jakości i często mniejszy rozmiar pliku. Dodatkowo SVG można stylować CSS i łatwo podmieniać kolory elementów.
Rasteryzacja ma sens, gdy projekt ma dużo złożonych efektów, filtrów lub bardzo wiele elementów, przez co SVG byłby ciężki w renderowaniu. Sprawdza się też, gdy chcesz przewidywalnego wyglądu w różnych środowiskach lub gdy grafika ma trafić do formatu typowo rastrowego.
Trasowanie to zwykle proces raster → wektor, np. zamiana skanu w krzywe. Jeśli obiekt jest już wektorowy (z AI/CDR), trasowanie nie rozwiązuje problemu publikacji w WWW. Tu kluczowe jest przygotowanie formatu docelowego: SVG albo raster.
Wektoryzacja zamienia obraz rastrowy na kształty wektorowe. Rasteryzacja robi odwrotnie: zamienia wektor na piksele (bitmapę). W kontekście WWW eksport do SVG zachowuje wektor, a eksport do PNG/JPG powoduje rasteryzację.
Nie zawsze. Dla prostych ikon SVG często jest bardzo mały, ale dla bardzo złożonych ilustracji liczba ścieżek i punktów może znacząco zwiększyć rozmiar. Wtedy raster (PNG/JPG/WebP) bywa lżejszy i szybszy w wyświetlaniu.
Najprościej publikować logotyp jako SVG, bo zachowuje pełną skalowalność. Jeśli musisz użyć rastra, eksportuj w odpowiedniej rozdzielczości i przygotuj warianty dla ekranów o dużym zagęszczeniu pikseli. Unikaj zbyt małego PNG/JPG rozciąganego w CSS.
Typowe pomyłki to: utożsamianie rasteryzacji z trasowaniem, przekonanie że "wektor zawsze trzeba zamienić na bitmapę", oraz próba użycia AI/CDR jako pliku docelowego w przeglądarce. Na egzaminie szukaj odpowiedzi mówiących o eksporcie do SVG lub formatów rastrowych.
info

Około 67% zdających odpowiada poprawnie na to pytanie. średnie

Specjaliści zwracają uwagę: "Trasowanie i wektoryzacja dotyczą zwykle zamiany rastra na wektor, więc nie rozwiązują problemu publikacji."

Źródła:

  • W3C: Scalable Vector Graphics (SVG) 2 — Specification, https://www.w3.org/TR/SVG2/ (dostęp: 2026-02-27)
  • MDN Web Docs: SVG (Scalable Vector Graphics), https://developer.mozilla.org/en-US/docs/Web/SVG (dostęp: 2026-02-27)
  • Can I use: SVG, https://caniuse.com/svg (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja W3C dotycząca SVG (specyfikacja i osadzanie w HTML)
  • MDN Web Docs: SVG i grafika w sieci (praktyczne przykłady eksportu i użycia)
  • Materiały kursowe z podstaw formatów grafiki (PNG/JPG/WebP/SVG) dla webdesignu

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego