KWALIFIKACJA PGF4 - CZERWIEC 2020

PYTANIE NR 32.
Fotografie przeznaczone do zamieszczenia na stronie sklepu internetowego powinny mieć
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Fotografie w sklepie internetowym powinny mieć możliwie mały rozmiar pliku, bo duże pliki spowalniają ładowanie strony i pogarszają doświadczenie użytkownika. Lżejsze zdjęcia szybciej się wyświetlają i zmniejszają zużycie transferu, co jest ważne zwłaszcza na urządzeniach mobilnych.

Pełne wyjaśnienie:

W publikacjach internetowych (w tym w sklepach e-commerce) jednym z kluczowych kryteriów jakości jest szybkość wczytywania. Im większy rozmiar pliku zdjęcia, tym dłużej przeglądarka musi je pobierać, a to może opóźnić wyświetlenie strony i obniżyć komfort zakupów. Dlatego poprawna jest odpowiedź: "jak najmniejszy rozmiar pliku" (czyli dążenie do minimalizacji wagi pliku).

W praktyce osiąga się to przez:

  • dobranie rozsądnych wymiarów (nie publikowanie zdjęć znacznie większych niż potrzebne w widoku strony),
  • zastosowanie kompresji (zmniejszenie wagi przy akceptowalnej jakości),
  • dobór odpowiedniego formatu graficznego do treści (np. fotografia vs grafika o ostrych krawędziach),
  • generowanie miniatur i wersji dopasowanych do różnych urządzeń.

Dlaczego pozostałe odpowiedzi są błędne?

  • "jak największy rozmiar pliku" – większy plik zwykle oznacza dłuższe ładowanie i większe zużycie transferu. W e-commerce jest to niekorzystne, bo użytkownik oczekuje szybkiej reakcji strony.
  • "dołączony własny plug-in" – standardowo obrazy na stronach wyświetla przeglądarka bez dodatkowych wtyczek. Wymaganie plug-inów jest niepraktyczne i może powodować problemy z kompatybilnością.
  • "dołączoną dodatkową paletę kolorów" – fotografie nie wymagają "dołączania palety" w sensie typowym dla grafiki indeksowanej; kluczowe są parametry obrazu (wymiary, kompresja, profil barwny), a nie dodatkowa paleta jako załącznik.

Wskazówka egzaminacyjna: gdy pytanie dotyczy publikacji w internecie, często chodzi o wydajność (czas ładowania, transfer, responsywność) i ograniczanie "ciężkich" zasobów, w tym zdjęć.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To przygotowanie fotografii tak, aby szybko ładowały się na stronie i wyglądały dobrze. Obejmuje dobór wymiarów, kompresję, format pliku oraz ewentualne wersje dla różnych ekranów. Celem jest mniejszy transfer danych bez zauważalnej utraty jakości.
Przeglądarka musi pobrać plik z serwera. Im większy plik, tym dłuższy czas pobierania, zwłaszcza na słabym łączu. Duże obrazy mogą opóźnić renderowanie, zwiększyć zużycie pakietu danych i pogorszyć odczucia użytkownika podczas zakupów.
Najczęściej pomaga zmniejszenie wymiarów do realnie potrzebnych, zastosowanie kompresji stratnej w rozsądnym poziomie oraz zapis w formacie dobrze dopasowanym do fotografii. Warto też usuwać zbędne metadane i przygotować osobne miniatury zamiast skalować duże zdjęcia.
Typowe błędy to wgrywanie zdjęć prosto z aparatu (za duże wymiary i waga), brak spójnych proporcji miniatur, zbyt mocna kompresja powodująca artefakty oraz brak wersji dopasowanych do urządzeń mobilnych. Skutkiem są wolniejsze strony i gorsza prezentacja produktu.
Nie. Duży plik może wynikać z nadmiernych wymiarów, braku kompresji lub nieoptymalnych ustawień zapisu. Dla strony internetowej liczy się jakość postrzegana w docelowym rozmiarze wyświetlania. Często da się znacząco zmniejszyć wagę bez widocznej różnicy dla użytkownika.
Gdy strona pokazuje listę produktów, galerie lub podglądy, miniatury są kluczowe. Mały obraz w podglądzie powinien być osobnym, lekkim plikiem, a nie dużą fotografią skalowaną w przeglądarce. To skraca ładowanie i odciąża transfer danych.
Należy znać docelowy rozmiar wyświetlania w projekcie (np. w siatce produktu, karcie produktu, banerze). Zdjęcie powinno mieć wymiary niewiele większe od maksymalnego użycia, aby uniknąć rozmycia po powiększeniu, ale nie być wielokrotnie większe, bo zwiększa to wagę pliku.
Zwykle nie. Współczesne przeglądarki natywnie obsługują obrazy używane na stronach. Wymaganie wtyczek jest ryzykowne (kompatybilność, bezpieczeństwo, brak wsparcia na urządzeniach mobilnych). Dlatego w praktyce dąży się do rozwiązań działających bez dodatkowych instalacji.
Kompresja to zmniejszenie rozmiaru pliku przez odpowiedni zapis danych obrazu. Może być bezstratna lub stratna. W internecie jest ważna, bo ogranicza transfer i przyspiesza wczytywanie. Kluczem jest taki poziom kompresji, aby nie psuć zauważalnie jakości fotografii produktu.
Opanuj zależności: wymiary vs rozmiar pliku, kompresja vs jakość, oraz typowe zastosowania (miniatury, galerie, banery). Ćwicz eksport tych samych zdjęć w różnych ustawieniach i porównuj wagę oraz wygląd. Warto też znać podstawy wydajności stron i wpływ multimediów.
info

Około 72% zdających odpowiada poprawnie na to pytanie. średnio łatwe

W praktyce zawodowej kluczowe jest to, że fotografie w sklepie internetowym powinny mieć możliwie mały rozmiar pliku, bo duże pliki spowalniają ładowanie strony i pogarszają doświadczenie użytkownika.

Źródła:

  • web.dev (Google Developers) – "Serve images in next-gen formats" / "Optimize images" (sekcja o wpływie rozmiaru obrazów na wydajność), https://web.dev/articles/serve-images-webp (dostęp: 2026-03-02)
  • MDN Web Docs – "Image file type and format guide" (dobór formatu i konsekwencje rozmiaru pliku), https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types (dostęp: 2026-03-02)
  • Google Developers – PageSpeed Insights Documentation (ogólne zalecenia dot. optymalizacji zasobów i wpływu na szybkość strony), https://developers.google.com/speed/docs/insights/about (dostęp: 2026-03-02)

Materiały:

  • Dokumentacja web.dev o optymalizacji obrazów
  • Poradniki MDN o formatach obrazów i ich zastosowaniach
  • Materiały o wydajności stron (np. Core Web Vitals) w kontekście multimediów

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego