KWALIFIKACJA PGF4 - STYCZEŃ 2022

PYTANIE NR 31.
Które parametry są najbardziej istotne podczas przygotowywania obrazu cyfrowego do publikacji internetowej?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W publikacji internetowej kluczowe jest, by grafika poprawnie wyświetlała się na ekranach i pasowała do układu strony.
Najbardziej wpływają na to wymiary/rozdzielczość obrazu (liczba pikseli) oraz tryb koloru (zwykle RGB). Parametry typu warstwy, maski czy filtry dotyczą edycji, a nie podstawowego przygotowania do WWW.

Pełne wyjaśnienie:

Podczas przygotowywania obrazu cyfrowego do publikacji internetowej najważniejsze są parametry, które bezpośrednio wpływają na sposób wyświetlania w przeglądarce i dopasowanie grafiki do projektu strony. Dlatego poprawna jest odpowiedź: "Rozdzielczość, tryb koloru oraz rozmiar obrazu."

Rozmiar obrazu (w praktyce WWW: wymiary w pikselach, np. 1200×628 px) decyduje, jak duża grafika będzie na stronie i czy będzie ostra. Zbyt mały obraz po skalowaniu w górę straci szczegóły, a zbyt duży może być nieadekwatny do layoutu.

Rozdzielczość jest tu rozumiana jako "ile informacji/pikseli ma obraz" i w kontekście WWW ściśle wiąże się z jego wymiarami. Warto pamiętać, że parametr ppi ma mniejsze znaczenie dla ekranów niż dla druku, natomiast znaczenie ma realna liczba pikseli oraz dopasowanie do różnych urządzeń.

Tryb koloru (zwykle RGB) jest istotny, bo przeglądarki i ekrany pracują w RGB. Niewłaściwy tryb (np. CMYK) może skutkować zmianami kolorów lub nieprawidłowym wyświetleniem.

Dlaczego pozostałe propozycje są słabsze?

  • "Jakość obrazu, głębia bitowa oraz ilość warstw." – "jakość" jest pojęciem nieostrym, a warstwy dotyczą pliku roboczego. Mogą być ważne w produkcji, ale nie są kluczowym zestawem parametrów dla publikacji końcowej w sieci.
  • "Kolorystyka oraz rodzaje zastosowanych masek." – maski to narzędzie edycyjne. Kolorystyka (w sensie doboru barw) jest ważna projektowo, lecz pytanie dotyczy parametrów przygotowania obrazu do publikacji.
  • "Format zapisu oraz zastosowane filtry fotograficzne." – format pliku bywa istotny praktycznie, ale filtry to element obróbki kreatywnej, a nie podstawowy parametr decydujący o poprawnym wyświetlaniu. W dodatku samo wskazanie formatu bez wymiarów i trybu koloru nie gwarantuje właściwego efektu.

W nauce do egzaminu warto rozróżniać: parametry edycyjne (warstwy, maski, filtry) od parametrów publikacyjnych (wymiary, tryb barwny, zgodność wyświetlania na ekranach).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Najczęściej kluczowe są wymiary w pikselach (żeby pasowały do layoutu), tryb/przestrzeń barw (zwykle RGB/sRGB dla ekranów) oraz ogólna "rozdzielczość" rozumiana jako ilość szczegółów/pikseli. Te parametry najbardziej wpływają na wygląd w przeglądarce.
Ekrany i przeglądarki wyświetlają obraz w modelu RGB. Gdy plik jest w innym trybie (np. CMYK), kolory mogą się zmienić, a część oprogramowania może wyświetlać je inaczej. RGB pomaga zachować przewidywalny wygląd na urządzeniach użytkowników.
W kontekście WWW najważniejsze są piksele (np. 1920×1080 px), bo to one określają, ile informacji ma obraz i jak będzie się skalował na ekranie. Wymiary w cm są kluczowe głównie w druku, gdzie dochodzi fizyczny format i rozdzielczość druku.
Najczęściej mniejsze niż w druku. W praktyce WWW liczy się realna liczba pikseli i dopasowanie do miejsca w projekcie. PPI bywa informacją metadanych, ale bez właściwych wymiarów w pikselach nie zapewni ostrego obrazu na ekranie.
Częste błędy to: eksport w niewłaściwym trybie koloru, zbyt małe wymiary (potem skalowanie w górę i rozmycie), albo zbyt duże wymiary niepasujące do layoutu. Uczniowie mylą też parametry edycji (warstwy, maski) z parametrami publikacji.
Warstwy i maski są istotne w pliku roboczym (ułatwiają edycję), ale w publikacji internetowej liczy się wynikowy obraz: jego wymiary, sposób odwzorowania barw i dopasowanie do ekranu. Po eksporcie do typowych formatów warstwy zwykle nie mają znaczenia.
Tak, format wpływa na wagę i jakość, ale w typowych pytaniach podstawowych pierwszeństwo mają parametry wpływające na wyświetlanie: wymiary i tryb koloru. Format jest kolejnym krokiem: wybiera się go, gdy wiadomo już, jaki ma być rozmiar i przeznaczenie grafiki.
Najpierw ustal docelowe wymiary w projekcie (np. szerokość kolumny lub baneru), a potem przygotuj obraz w odpowiedniej liczbie pikseli. Unikaj sytuacji, w której przeglądarka musi stale skalować obraz w górę. To poprawia ostrość i kontrolę nad wyglądem.
Kolorystyka dotyczy doboru barw (projekt, estetyka, branding). Tryb koloru dotyczy technicznego zapisu i wyświetlania (np. RGB). W pytaniach o przygotowanie do WWW zwykle chodzi o tryb/przestrzeń barw, bo wpływa na zgodność wyświetlania.
Utrwal różnicę między wymiarami w pikselach a rozdzielczością dla druku, przypomnij sobie tryby barw (RGB vs CMYK) i ćwicz scenariusze: baner, miniatura, grafika do social mediów. Skup się na tym, co wpływa na wyświetlanie na ekranie.
info

To pytanie poprawnie rozwiązuje 59% zdających egzamin. średnie

Specjaliści zwracają uwagę: "Parametry typu warstwy, maski czy filtry dotyczą edycji, a nie podstawowego przygotowania do WWW."

Źródła:

  • MDN Web Docs: "Images in HTML" (sekcje dot. użycia i doboru obrazów w WWW), https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML - dostęp 2026-02-27
  • MDN Web Docs: "Responsive images" (sekcje dot. doboru rozmiarów i dopasowania do urządzeń), https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images - dostęp 2026-02-27
  • Google web.dev: "Use images" / "Image optimization" (wydajność i przygotowanie obrazów dla sieci), https://web.dev/learn/images/ - dostęp 2026-02-27

Materiały:

  • Dokumentacja MDN o obrazach w WWW (formaty i atrybuty)
  • Materiały Google web.dev o optymalizacji obrazów (wydajność i kompresja)
  • Podstawowe podręczniki DTP/grafiki cyfrowej o rozdzielczości, wymiarach i RGB

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego