KWALIFIKACJA PGF4 - TEST WIEDZY NR 3

PYTANIE NR 11.
Zastanawiasz się, jakie parametry zapisu pliku graficznego powinieneś wybrać dla publikacji online. Które z poniższych stwierdzeń jest prawdziwe?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W publikacji online kluczowy jest kompromis: plik ma ładować się szybko, ale wyglądać dobrze. Dlatego dąży się do możliwie małego rozmiaru pliku przy zachowaniu akceptowalnej jakości wizualnej. Wysoka rozdzielczość, brak kompresji i CMYK nie są uniwersalnymi wymogami dla WWW.

Pełne wyjaśnienie:

W publikacjach online (WWW, social media, aplikacje) najczęściej priorytetem jest szybkość ładowania i sprawne działanie na różnych urządzeniach. Z tego powodu poprawne jest stwierdzenie: "Rozmiar pliku powinien być jak najmniejszy bez utraty jakości obrazu." W praktyce oznacza to takie ustawienie eksportu, by obraz był możliwie "lekki", ale nadal wyglądał dobrze dla użytkownika (bez widocznych artefaktów, z zachowaniem czytelności detali).

Stwierdzenie o tym, że wysoka rozdzielczość jest kluczowa, bywa mylące, bo w internecie liczą się przede wszystkim wymiary w pikselach (dopasowane do miejsca wyświetlania) oraz kompresja. Zbyt duża grafika często i tak zostanie przeskalowana przez przeglądarkę, a użytkownik zapłaci czasem pobierania.

Teza, że formaty nieskompresowane są najlepsze, jest zwykle nieprawdziwa dla publikacji online, ponieważ nieskompresowane pliki są bardzo duże i nieefektywne w transferze. W sieci powszechnie stosuje się kompresję (stratną lub bezstratną) dobraną do rodzaju grafiki.

Stwierdzenie, że kolor powinien być ustawiony na CMYK, jest typowe dla przygotowania do druku. Dla ekranów standardowo pracuje się w przestrzeniach przeznaczonych do wyświetlania (a nie separacji drukarskiej), aby uniknąć zmian kolorów i problemów z prezentacją na urządzeniach użytkowników.

Wskazówka egzaminacyjna: gdy pytanie dotyczy publikacji online, szukaj odpowiedzi związanych z optymalizacją (waga pliku, dopasowanie do ekranu, kompromis jakości), a nie z wymaganiami druku.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Najważniejszy jest kompromis między jakością wizualną a rozmiarem pliku. Plik powinien ładować się szybko, ale nie może tracić czytelności (np. tekstu) ani mieć widocznych artefaktów kompresji. Zwykle dobiera się format i stopień kompresji do rodzaju grafiki.
Mniejszy plik oznacza krótszy czas pobierania, mniejsze zużycie transferu i lepszą wydajność strony. To wpływa na wygodę użytkownika, szczególnie na urządzeniach mobilnych i przy słabszym łączu. Zbyt duże obrazy mogą spowalniać całą publikację online.
W praktyce dobiera się wymiary w pikselach do miejsca wyświetlania (np. szerokości kolumny, hero image). Zbyt duży obraz jest marnowaniem transferu, bo bywa automatycznie skalowany. Warto testować wygląd na różnych ekranach i w różnych rozdzielczościach.
Nie zawsze. Jeśli obraz jest wyświetlany w mniejszym rozmiarze niż zapisano, dodatkowe piksele nie dają widocznej korzyści, a zwiększają wagę pliku. Często lepszy efekt daje właściwe dopasowanie rozmiaru w pikselach i rozsądna kompresja niż "maksymalna rozdzielczość".
Kompresja stratna zmniejsza rozmiar pliku kosztem części informacji obrazu, co może powodować artefakty. Stosuje się ją głównie do fotografii i obrazów z wieloma przejściami tonalnymi, gdy priorytetem jest mały rozmiar. Kluczowe jest ustawienie jakości tak, by straty były niewidoczne.
Kompresja bezstratna zmniejsza plik bez pogorszenia danych obrazu. Jest przydatna dla grafik z ostrymi krawędziami, ikon, interfejsu i ilustracji technicznych, gdzie artefakty byłyby bardzo widoczne. Zwykle daje większe pliki niż kompresja stratna, ale lepszą ostrość detali.
CMYK jest modelem związanym z drukiem (mieszanie farb), a ekrany działają inaczej. W publikacji online ważne jest przewidywalne wyświetlanie kolorów na różnych urządzeniach. Użycie ustawień "drukarskich" może prowadzić do niezamierzonych zmian barw po publikacji.
Typowe błędy to: eksport zbyt dużych wymiarów w pikselach, brak optymalizacji kompresji, użycie nieadekwatnego formatu do rodzaju grafiki, a także niekontrolowane zmiany kolorów po eksporcie. Często pomija się test na realnym urządzeniu i w realnym miejscu publikacji.
Należy porównać wersję przed i po eksporcie w docelowym rozmiarze wyświetlania. Trzeba zwrócić uwagę na krawędzie, drobne szczegóły, tekst oraz gładkie przejścia tonalne, gdzie pojawiają się artefakty. Dobrą praktyką jest test na monitorze i na telefonie.
Utrwal różnice między publikacją online a drukiem: rozmiar w pikselach, rola kompresji, dobór formatu do typu grafiki oraz podstawy zarządzania kolorem. Ćwicz eksport tych samych obrazów w różnych ustawieniach i oceniaj efekt: waga pliku, ostrość, artefakty i kolor.
info

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

Według specjalistów z branży: "W publikacji online kluczowy jest kompromis: plik ma ładować się szybko, ale wyglądać dobrze."

Źródła:

  • Google Developers (web.dev), "Optimize images" (poradnik optymalizacji obrazów dla WWW) - https://web.dev/learn/images/ - accessed 2026-02-27
  • Mozilla Developer Network (MDN), "Image file type and format guide" - https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types - accessed 2026-02-27
  • W3C, "Portable Network Graphics (PNG) Specification (Second Edition)" - https://www.w3.org/TR/PNG/ - accessed 2026-02-27

Materiały:

  • Dokumentacje i poradniki dotyczące optymalizacji obrazów dla WWW (kompresja, wymiary, profil barwny)
  • Instrukcje eksportu "Save for Web/Export" w popularnych edytorach (np. Photoshop, GIMP, Affinity)
  • Materiały o różnicach: rozdzielczość (px) vs DPI/PPI oraz ekran vs druk

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego