KWALIFIKACJA INF3 - CZERWIEC 2019

PYTANIE NR 16.
Która z operacji nie wpłynie na rozmiar / wielkość zajmowanej pamięci pliku graficznego?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Skalowanie obrazu atrybutami HTML (np. width/height w <img>) zmienia tylko sposób wyświetlania w przeglądarce, a nie zawartość pobieranego pliku, więc nie wpływa na jego rozmiar w bajtach. Operacje takie jak kompresja, interpolacja czy zmiana rozdzielczości dotyczą przetwarzania danych obrazu i mogą zmienić rozmiar pliku.

Pełne wyjaśnienie:

Pytanie dotyczy tego, co wpływa na rozmiar pliku graficznego (czyli liczbę bajtów zapisaną na dysku i przesyłaną przez sieć), a co wpływa jedynie na sposób prezentacji grafiki w przeglądarce.

Odpowiedź "Skalowanie obrazu za pomocą atrybutów HTML." jest poprawna, ponieważ atrybuty w HTML (np. width/height w elemencie <img> lub reguły CSS) nie modyfikują samego pliku graficznego. Przeglądarka nadal pobiera ten sam plik o tej samej "wadze", a następnie tylko renderuje go w innych wymiarach na ekranie.

Pozostałe operacje mogą wpłynąć na rozmiar pliku:

  • "Zmiana rozdzielczości obrazu." — w praktyce często oznacza zmianę wymiarów w pikselach (resampling) lub zmianę zapisu parametrów obrazu. Zmiana liczby pikseli zwykle zmienia ilość danych do zapisania, więc rozmiar pliku może się zmienić (w zależności od formatu i stopnia kompresji).
  • "Interpolacja." — to metoda wyznaczania nowych wartości pikseli przy przeskalowaniu/transformacji. Jeśli interpolacja jest użyta w procesie, który zapisuje nowy obraz (np. eksport po przeskalowaniu), zmienia się zawartość danych, co może przełożyć się na inny rozmiar pliku.
  • "Kompresja." — bezpośrednio służy do zmniejszania (lub czasem zwiększania) liczby bajtów poprzez inny sposób kodowania danych, zmianę jakości (stratnie) lub efektywniejsze upakowanie (bezstratnie). To jeden z kluczowych czynników wpływających na wagę grafiki w WWW.

Wskazówka egzaminacyjna: jeśli operacja dotyczy wyłącznie HTML/CSS, zwykle zmienia wygląd na stronie, ale nie zmienia pobieranego pliku. Jeśli operacja dotyczy przetwarzania/eksportu grafiki (kompresja, resampling, zmiana jakości), może zmieniać rozmiar pliku.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Rozmiar pliku graficznego to liczba bajtów zapisana na dysku i pobierana przez przeglądarkę (transfer sieciowy). Nie jest tym samym co wymiary wyświetlania na ekranie. Duży rozmiar pliku zwykle wydłuża ładowanie strony.
Atrybuty width/height w <img> wpływają na renderowanie, ale nie zmieniają danych w pliku. Przeglądarka pobiera ten sam plik (ta sama liczba bajtów), a dopiero potem skaluje go do podanych wymiarów podczas wyświetlania.
Najczęściej: kompresja (zmiana jakości w JPEG/WebP/AVIF), zapis do bardziej efektywnego formatu, zmniejszenie wymiarów w pikselach przed eksportem oraz usunięcie zbędnych danych (np. metadanych). To są działania na pliku, nie na samym HTML.
Kompresja to sposób kodowania danych obrazu tak, aby zajmowały mniej bajtów. Może być bezstratna (zachowuje jakość) lub stratna (zmniejsza jakość, ale mocno redukuje rozmiar). Zwykle to kompresja najsilniej wpływa na "wagę" grafiki.
Interpolacja to metoda wyliczania nowych pikseli przy skalowaniu/obracaniu obrazu. Sama jako technika renderowania nie musi zmieniać pliku, ale jeśli zapisujesz przeskalowany obraz do nowego pliku, dane pikseli się zmieniają, więc rozmiar pliku może być inny.
Często tak, gdy rozumiesz ją jako zmianę wymiarów w pikselach (np. 4000×3000 na 1200×900). Mniej pikseli to zwykle mniej danych do zapisania. Jednak końcowy rozmiar zależy też od formatu i kompresji, więc nie ma jednej stałej reguły.
Szukaj słów: "rozmiar pliku", "waga pliku", "zajmowane miejsce na dysku", "transfer". Jeśli pytanie dotyczy HTML/CSS i wyświetlania, zwykle chodzi o wymiary renderowane. Gdy mowa o kompresji/eksportowaniu, chodzi o liczbę bajtów.
Typowe błędy to: skalowanie tylko w HTML zamiast przygotowania mniejszego pliku, używanie nieoptymalnego formatu (np. PNG do zdjęć), ustawianie zbyt wysokiej jakości kompresji, brak wersji responsywnych oraz ignorowanie narzędzi typu srcset/sizes.
Warto, gdy zależy Ci na mniejszym transferze przy podobnej jakości, szczególnie dla zdjęć i grafik na stronach o dużym ruchu. WebP i AVIF często oferują lepszą kompresję niż starsze formaty, ale trzeba uwzględnić wsparcie przeglądarek i fallback.
Użyj narzędzi deweloperskich przeglądarki (zakładka Network) i sprawdź rozmiar pobieranego pliku oraz jego wymiary. Jeśli plik ma np. kilka MB, a na stronie jest mały, to samo ustawienie width/height nie rozwiąże problemu — potrzebna jest optymalizacja pliku.
info

Statystycznie 41% uczniów zna prawidłową odpowiedź. trudne

W praktyce zawodowej kluczowe jest to, że skalowanie obrazu atrybutami HTML (np. width/height w &lt;img&gt;) zmienia tylko sposób wyświetlania w przeglądarce, a nie zawartość pobieranego pliku, więc nie wpływa na jego rozmiar w bajtach.

Źródła:

  • MDN Web Docs: "&lt;img&gt;: The Image Embed element" (opis atrybutów width/height i wpływu na renderowanie), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img - accessed 2026-02-27
  • MDN Web Docs: "Image file type and format guide" (informacje o kompresji i formatach grafiki), https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types - accessed 2026-02-27
  • Wikipedia: "Image scaling" (opis skalowania i interpolacji w przetwarzaniu obrazu), https://en.wikipedia.org/wiki/Image_scaling - accessed 2026-02-27

Materiały:

  • Dokumentacja MDN o elemencie &lt;img&gt; oraz atrybutach width/height
  • Materiały o optymalizacji obrazów w WWW (formaty, kompresja, jakość)
  • Podstawy grafiki rastrowej: piksele, rozdzielczość, interpolacja

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego