KWALIFIKACJA INF3 - TEST WIEDZY NR 1

PYTANIE NR 16.
Zaprojektujesz grafikę dla strony internetowej. Który z poniższych formatów plików jest najbardziej odpowiedni do zapisu obrazu, który zawiera wiele kolorów i gradientów?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
JPEG najlepiej sprawdza się przy obrazach z wieloma kolorami i płynnymi przejściami (gradientami), bo obsługuje pełną głębię barw i zwykle daje mały rozmiar pliku dzięki kompresji stratnej. GIF i PNG-8 są paletowe (mało kolorów), co sprzyja pasmowaniu, a BMP tworzy bardzo duże pliki.

Pełne wyjaśnienie:

Obraz zawierający wiele kolorów i gradienty (czyli płynne przejścia tonalne) wymaga formatu, który dobrze radzi sobie z tzw. "ciągłymi tonami". Wśród podanych opcji najbardziej odpowiedni jest JPEG, ponieważ typowo zapisuje obrazy w pełnej palecie barw i stosuje kompresję stratną zaprojektowaną właśnie pod zdjęcia oraz miękkie przejścia.

Dlaczego to działa w praktyce? Przy gradientach ważne jest, aby format nie ograniczał liczby dostępnych kolorów. JPEG nie jest formatem paletowym, więc nie "przeskakuje" między nielicznymi barwami. Dodatkowo zwykle pozwala uzyskać mniejszy rozmiar pliku niż formaty bez kompresji, co ma znaczenie dla czasu ładowania strony.

Pozostałe odpowiedzi są mniej trafne:

  • GIF to format paletowy (ograniczona liczba kolorów). Przy gradientach łatwo pojawia się pasmowanie, bo brakuje wystarczającej liczby odcieni do gładkich przejść.
  • PNG-8 również jest wariantem paletowym, więc ma podobny problem jak GIF: ograniczona liczba kolorów utrudnia wierne odwzorowanie gradientów.
  • BMP zwykle nie stosuje efektywnej kompresji typowej dla WWW, przez co pliki są bardzo duże. Nawet jeśli jakość może być wysoka, jest to niepraktyczne w zastosowaniach internetowych.

Wskazówka egzaminacyjna: gdy w treści pojawiają się słowa "wiele kolorów", "gradienty", "zdjęcie", szukaj formatu przeznaczonego do ciągłych tonów. Gdy jest "ikona", "logo", "ostre krawędzie" lub "przezroczystość", częściej wygrywają formaty bezstratne.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Format stratny usuwa część informacji z obrazu podczas zapisu, aby zmniejszyć rozmiar pliku. Po ponownym otwarciu nie da się idealnie odtworzyć oryginału piksel po pikselu. Zyskiem jest zwykle dużo mniejsza waga pliku, co w WWW poprawia szybkość ładowania.
JPEG jest projektowany pod obrazy o "ciągłych tonach" (np. zdjęcia i miękkie przejścia). Nie ogranicza się do małej palety barw, więc potrafi przechować wiele odcieni potrzebnych do gładkich gradientów, a przy tym zwykle daje niewielki rozmiar pliku.
Pasmowanie to widoczne "schodki" zamiast płynnego przejścia kolorów. Często powstaje, gdy format ma ograniczoną liczbę dostępnych kolorów (format paletowy) i musi przybliżać odcienie. Wtedy zamiast wielu pośrednich barw pojawia się kilka wyraźnych pasów.
Zwykle nie. GIF jest formatem paletowym, więc ma ograniczoną liczbę kolorów do dyspozycji. Przy gradientach łatwo zobaczysz utratę płynności i pasmowanie. GIF bywa użyteczny dla prostych grafik i animacji, ale nie jest dobrym wyborem dla bogatych przejść tonalnych.
PNG-8 oznacza wariant z paletą kolorów (typowo ograniczoną do niewielu barw). Dzięki temu plik może być mały przy prostych grafikach, ale przy zdjęciach i gradientach jakość spada (pasmowanie, gorsze odwzorowanie odcieni). Inne odmiany PNG mogą przechowywać więcej kolorów.
BMP często nie stosuje wydajnej kompresji typowej dla internetu, więc pliki wychodzą bardzo duże. To zwiększa transfer i wydłuża ładowanie strony, co pogarsza UX i wyniki wydajności. W praktyce BMP traktuje się raczej jako format roboczy niż docelowy dla WWW.
Najpierw rozpoznaj typ grafiki: zdjęcie/gradienty vs logo/ikona/tekst. Dla zdjęć i miękkich przejść typowo wybiera się formaty dobrze kompresujące ciągłe tony. Dla ostrych krawędzi i elementów UI częściej sprawdzają się formaty bezstratne, szczególnie gdy liczy się czytelność.
Częsty błąd to wybór formatu paletowego dla zdjęcia lub gradientu, bo "przecież to też obraz w internecie". Drugi błąd to traktowanie braku strat jakości jako jedynego kryterium i pomijanie wagi pliku. W zadaniach WWW zawsze liczą się i jakość, i rozmiar.
JPEG bywa słaby, gdy grafika ma ostre krawędzie, drobny tekst lub wymaga idealnej ostrości (np. interfejs, zrzuty ekranu z dużą ilością tekstu). Kompresja stratna może wprowadzać artefakty. W takich przypadkach częściej wybiera się formaty bezstratne, by zachować czytelność.
Najprościej porównać podgląd w 100% (bez skalowania) i zwrócić uwagę na artefakty: rozmycie, "kostkowanie" i utratę detali na krawędziach. W praktyce warto też sprawdzić obraz na różnych tłach oraz w przeglądarce. Na egzaminie kieruj się zasadą: zdjęcia i gradienty tolerują straty lepiej niż tekst.
info

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

Specjaliści zwracają uwagę: "JPEG najlepiej sprawdza się przy obrazach z wieloma kolorami i płynnymi przejściami (gradientami), bo obsługuje pełną głębię barw i zwykle daje mały rozmiar pliku dzięki kompresji stratnej."

Źródła:

  • MDN Web Docs, "Image file type and format guide" (sekcja porównująca formaty obrazów), https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types - dostęp 2026-02-27
  • W3C, "JPEG" (materiały dot. formatu JPEG), https://www.w3.org/Graphics/JPEG/ - dostęp 2026-02-27
  • W3C, "Portable Network Graphics (PNG) Specification" (informacje o PNG i wariantach), https://www.w3.org/TR/PNG/ - dostęp 2026-02-27

Materiały:

  • Dokumentacja i poradniki o formatach obrazów w WWW (np. MDN Web Docs – typy obrazów)
  • Materiały o kompresji stratnej i bezstratnej w grafice komputerowej
  • Ćwiczenia praktyczne: eksport tej samej grafiki do różnych formatów i porównanie jakości oraz rozmiaru

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego