KWALIFIKACJA INF3 - TEST WIEDZY NR 3

PYTANIE NR 19.
Załóżmy, że opublikowałeś stronę internetową, ale zauważyłeś, że niektóre obrazy nie są wyświetlane poprawnie. Która z poniższych opcji jest najbardziej prawdopodobną przyczyną problemu?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Najczęstszą przyczyną niewyświetlania części obrazów po publikacji strony są błędne ścieżki w atrybucie src (np. inna struktura katalogów na serwerze lub literówka w nazwie pliku). Usunięcie plików jest możliwe, ale statystycznie rzadziej niż pomyłka w odwołaniu. JavaScript nie jest wymagany do wczytania obrazów.

Pełne wyjaśnienie:

W typowej stronie WWW obrazy są ładowane jako zasoby statyczne – przeglądarka pobiera je na podstawie adresu wskazanego w kodzie (najczęściej w atrybucie src w HTML lub w odwołaniu w CSS). Jeśli po publikacji "część obrazów" nie wyświetla się, najbardziej prawdopodobna przyczyna to niepoprawne ścieżki: zmieniła się struktura katalogów na serwerze, użyto złej ścieżki względnej, różni się wielkość liter w nazwie pliku albo przeniesiono pliki do innego folderu.

Dlaczego odpowiedź "Ścieżki do obrazów w kodzie HTML są niepoprawne." jest najlepsza? Bo jest to najczęstszy błąd wdrożeniowy i pasuje do objawu "niektóre obrazy" (np. tylko te z jednego folderu lub tylko te z błędnie wpisaną nazwą). Taki problem łatwo potwierdzić w narzędziach deweloperskich: w zakładce sieciowej często widać błędy pobrania (np. brak zasobu).

  • "Obrazy zostały usunięte z serwera." – to również może powodować brak wyświetlania, ale jest to mniej "domyślna" przyczyna niż zwykła pomyłka w odwołaniu. Dodatkowo, gdyby usunięto cały zestaw grafik, problem zwykle dotyczyłby wszystkich odwołań do tego miejsca.
  • "Obrazy mają niepoprawne rozszerzenia plików." – niepoprawne rozszerzenie lub typ pliku bywa problemem, ale w praktyce częściej spotyka się sytuację, że plik jest poprawny, tylko przeglądarka go nie znajduje przez zły adres. Ponadto objaw "niektóre" sugeruje raczej punktowe błędy w ścieżkach.
  • "Przeglądarka użytkownika ma wyłączony JavaScript." – wyłączenie JavaScript nie blokuje standardowego pobierania obrazów wskazanych w HTML/CSS. JS może wpływać na obrazy ładowane dynamicznie, ale pytanie dotyczy ogólnej, najbardziej prawdopodobnej przyczyny problemu.

Wskazówka egzaminacyjna: gdy zasób się nie wczytuje, najpierw sprawdź adres/ścieżkę i istnienie pliku w docelowym katalogu. To najszybciej eliminuje większość typowych usterek po publikacji.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Po publikacji często zmienia się struktura katalogów lub lokalizacja plików. Jeśli atrybut src wskazuje nieistniejący adres, przeglądarka nie pobierze obrazu. W praktyce literówka, zła ścieżka względna lub różnica wielkości liter zdarza się częściej niż realne usunięcie pliku.
Otwórz narzędzia deweloperskie przeglądarki i sprawdź zakładkę sieciową (Network) oraz konsolę. Kliknij żądanie do pliku graficznego i zobacz adres URL oraz status odpowiedzi. Następnie spróbuj wkleić ten URL w pasek adresu, aby potwierdzić dostępność pliku.
Ścieżka względna odnosi się do położenia pliku względem bieżącego dokumentu (np. podstrony). Po wdrożeniu, gdy pliki HTML znajdują się w innych folderach niż w środowisku lokalnym, względne odwołania mogą przestać działać. Dlatego trzeba pilnować spójnej struktury katalogów.
Zwykle nie. Obrazy osadzone standardowo w HTML lub CSS są pobierane przez przeglądarkę bez udziału JavaScript. Wyłączenie JS może wpłynąć na grafiki ładowane dynamicznie (np. przez skrypt), ale w typowym przypadku braku obrazów pierwszym tropem jest błędny adres w src.
Najczęstsze to literówki, spacje i znaki narodowe w nazwach oraz różnice wielkości liter (np. Foto.JPG vs foto.jpg). Na wielu serwerach system plików rozróżnia wielkość liter, więc odwołanie w kodzie musi być identyczne jak nazwa pliku na dysku serwera.
Popularne są PNG, JPG/JPEG, GIF i SVG. Problemy pojawiają się, gdy plik ma inne rzeczywiste kodowanie niż sugeruje rozszerzenie albo serwer zwraca nieprawidłowy typ MIME. Jednak w diagnostyce egzaminacyjnej najpierw weryfikuje się adres/ścieżkę i dostępność pliku, bo to najczęstsza przyczyna.
Najczęściej w atrybucie src elementu obrazu lub w odwołaniu w CSS (np. tło). Jeśli obraz się nie wyświetla, trzeba sprawdzić, czy adres jest poprawny, czy nie ma brakujących ukośników oraz czy ścieżka jest zgodna ze strukturą katalogów na serwerze.
Najpierw sprawdź adresy w kodzie (czy ścieżki są poprawne), potem upewnij się, że pliki są na serwerze w odpowiednich katalogach. Następnie skontroluj wielkość liter w nazwach i uprawnienia dostępu. Na końcu użyj narzędzi deweloperskich, aby zobaczyć status pobrania i ewentualne błędy.
Bo błąd bywa punktowy: tylko część odwołań ma złą ścieżkę, tylko jeden folder nie został wgrany, albo tylko niektóre nazwy plików różnią się wielkością liter. To typowy wzorzec po wdrożeniu strony, gdy elementy były dodawane w różnych momentach i różnymi ścieżkami.
Ustal stałą strukturę katalogów (np. jeden folder na grafiki), stosuj konsekwentne ścieżki względne, unikaj spacji i polskich znaków w nazwach plików oraz trzymaj jednolitą konwencję wielkości liter. Przed publikacją wykonaj test na środowisku zbliżonym do serwera docelowego.
info

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

Specjaliści zwracają uwagę: "Najczęstszą przyczyną niewyświetlania części obrazów po publikacji strony są błędne ścieżki w atrybucie src (np. inna struktura katalogów na serwerze lub literówka w nazwie pliku)."

Źródła:

  • MDN Web Docs: "<img>: The Image Embed element" (sekcja atrybutu src) https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img - accessed 2026-03-01
  • MDN Web Docs: "HTML attribute: src" (opis działania i adresowania zasobów) https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/src - accessed 2026-03-01
  • WHATWG HTML Living Standard: "Embedded content" / obrazy i pobieranie zasobów (HTML Standard) https://html.spec.whatwg.org/ - accessed 2026-03-01

Materiały:

  • MDN Web Docs: dokumentacja elementu img i atrybutu src
  • WHATWG HTML Living Standard: sekcje dotyczące osadzania obrazów
  • Materiały o narzędziach deweloperskich przeglądarki (zakładka Network/Console)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego