Stare powiedzenie mówi, że „obraz jest wart tysiąca słów”. To hasło świeci w sieci, gdzie skupia się uwaga są notorycznie krótkie — odpowiedni obraz może stworzyć lub zepsuć witrynę, przyciągając odpowiednią uwagę i angażując stronę goście.
Jednak gdy grafika się nie ładuje, sprawia to, że projekt wygląda na zepsuty, a w niektórych przypadkach może pogorszyć wrażenia użytkownika na tej stronie. „Tysiąc słów”, które wysyła zepsuty obraz, z pewnością nie są pozytywnymi!
1. Nieprawidłowe ścieżki plików
Gdy dodajesz obrazy do witryny HTML lub CSS plik, musisz utworzyć ścieżkę do lokalizacji w strukturze katalogów, w której znajdują się te pliki. Jest to kod, który mówi przeglądarce, gdzie szukać i z którego pobrać obraz. W większości przypadków byłoby to w folderze o nazwie obrazy. Jeśli ścieżka do tego folderu i znajdujące się w nim pliki są niepoprawne, obrazy nie załadują się prawidłowo, ponieważ przeglądarka nie będzie w stanie pobrać poprawnych plików. Podąży ścieżką, którą mu kazałeś, ale trafi w ślepy zaułek i zamiast wyświetlać odpowiedni obraz, pojawi się pusty.
2. Błędne nazwy plików
Gdy będziesz badać ścieżki plików dla swoich plików, sprawdź, czy poprawnie wpisałeś nazwę obrazu. Najczęstszą przyczyną problemów z ładowaniem obrazów są nieprawidłowe nazwy lub błędy ortograficzne.
3. Nieprawidłowe rozszerzenia plików File
W niektórych przypadkach nazwa pliku może mieć poprawną pisownię, ale rozszerzenie pliku może być nieprawidłowe. Jeśli twój obraz jest plik .jpg, ale Twój kod HTML szuka .png, będzie problem. Użyj prawidłowego typu pliku dla każdego obrazu a następnie odwołaj się do tego samego rozszerzenia w kodzie witryny.
Zwróć też uwagę na wielkość liter. Jeśli twój plik kończy się na .JPG, z literami w całości pisanymi wielkimi literami, ale twój kod odwołuje się do .jpg, wszystko małe litery, niektóre serwery internetowe widzą te dwa jako różne, mimo że są to te same zestawy litery. Liczy się wrażliwość na wielkość liter.
Najlepiej zapisywać pliki zawsze małymi literami. Dzięki temu możemy zawsze używać małych liter w naszym kodzie, eliminując jeden możliwy problem, który możemy mieć z naszymi plikami obrazów.
4. Brakujące pliki
Jeśli ścieżki do plików graficznych są poprawne, a nazwa i rozszerzenie pliku są również wolne od błędów, sprawdź, czy pliki zostały przesłane na serwer WWW. Zaniedbanie przesyłania plików na ten serwer po uruchomieniu witryny jest częstym błędem, który łatwo przeoczyć.
Prześlij te obrazy, odśwież swoją stronę internetową i powinna natychmiast wyświetlić pliki zgodnie z oczekiwaniami. Możesz także spróbować usunąć obraz na serwerze i ponownie go przesłać. Czasami pliki ulegają uszkodzeniu podczas transferu (np. przez tekst zamiast binarnego transferu podczas FTP), więc ta metoda "usuń i zamień" czasami pomaga.
5. Witryna z obrazami nie działa
Zazwyczaj samodzielnie przechowujesz obrazy używane w witrynie serwer, ale w niektórych przypadkach możesz używać obrazów hostowanych gdzie indziej. Jeśli witryna, na której znajduje się obraz, przestanie działać, Twoje obrazy również się nie załadują.
6. Problemy z transferem
Niezależnie od tego, czy plik obrazu jest ładowany z domeny zewnętrznej, czy z Twojej własnej, zawsze istnieje prawdopodobieństwo, że może wystąpić problem z transferem tego pliku, gdy przeglądarka zażąda go po raz pierwszy. Ten problem nie powinien być częstym zjawiskiem (jeśli tak jest, być może trzeba będzie poszukać nowego dostawcy hostingu), ale może się od czasu do czasu zdarzyć.
Częstym powodem tej usterki jest przeciążenie serwera i niemożność obsłużenia wszystkich zasobów strony wystarczająco szybko, zanim upłynie limit czasu żądania. Ten problem będzie częściej spotykany w przypadku tanich, aprowizowanych wirtualnych serwerów internetowych, które mają problemy z obsługą bardziej skomplikowanych witryn z dużą ilością skryptów. Jeśli ten problem występuje często, rozważ uaktualnienie możliwości serwera lub znalezienie nowego hosta.
7. Problemy z bazą danych
Nowoczesne dynamiczne aplikacje internetowe, takie jak WordPress, opierają się na bazie danych do przechowywania informacji o wszystkim w witrynie, w tym o obrazach. Jeśli Twoja witryna nie ładuje obrazów, istnieje szansa, że wystąpił jakiś problem z bazą danych.
Problemy z bazą danych mogą wystąpić na wiele sposobów. Twoja aplikacja może nawet nie być połączona z bazą danych, ponieważ jest wyłączona lub niedostępna na innym serwerze. Coś mogło zostać uszkodzone w samej bazie danych lub zmieniły się informacje o użytkowniku bazy danych, powodując wylogowanie. Nawet proste zmiany ustawień mogą wywołać niezamierzone konsekwencje, które albo zmienią bazę danych, albo uczynią ją niedostępną. Sprawdź dzienniki serwera, aby sprawdzić, czy przyczyną może być baza danych.
Kilka uwag końcowych
Weź pod uwagę prawidłowe użycie tagów ALT oraz szybkość i ogólną wydajność Twojej witryny.
Tagi ALT, czyli „tekst alternatywny”, są wyświetlane przez przeglądarkę, gdy obraz się nie wczytuje. Są również ważnym elementem tworzenia dostępnych stron internetowych, z których mogą korzystać osoby z pewnymi niepełnosprawnościami. Każdy wbudowany obraz w Twojej witrynie powinien mieć odpowiedni tag ALT. Obrazy zastosowane z CSS nie oferują tego atrybutu.