Stara izreka kaže da "slika vrijedi tisuću riječi". Ovaj slogan sjaji na webu, gdje se pažnja proteže notorno su kratki - prava slika može stvoriti ili razbiti web mjesto privlačenjem prave pažnje i privlačnom stranicom posjetitelji.
Ipak, kada se grafika ne uspije učitati, dizajn izgleda slomljeno i, u nekim slučajevima, može pogoršati korisničko iskustvo na toj web lokaciji. „Tisuću riječi“ koje slomljena slika šalje sigurno nisu pozitivne!
1. Neispravni putovi datoteka
Kada dodate slike web mjestu HTML ili CSS datoteku, morate stvoriti put do mjesta u vašoj strukturi direktorija gdje se te datoteke nalaze. Ovo je kod koji pregledniku govori gdje tražiti i dohvatiti sliku. U većini slučajeva to bi bilo unutar mape s imenom slike. Ako su put do ove mape i datoteke unutar nje netočni, slike se neće pravilno učitati jer preglednik neće moći dohvatiti ispravne datoteke. Slijedit će put kojim ste mu rekli, ali zabit će se u slijepu ulicu i umjesto prikaza odgovarajuće slike, pojavit će se prazan.
2. Imena datoteka pogrešno napisana
Dok ispitujete staze datoteka za svoje datoteke provjerite jeste li pravilno napisali naziv slike. Pogrešna imena ili pravopisni pogreški najčešći su uzrok problema s učitavanjem slike.
3. Pogrešna proširenja datoteka
U nekim slučajevima možda ste pravilno napisali naziv datoteke, ali ekstenzija datoteke može biti netočna. Ako je vaša slika .jpg datoteka, ali vaš HTML traži .png, bit će problema. Upotrijebite ispravnu vrstu datoteke za svaku sliku a zatim navedite isto proširenje u kodu web lokacije.
Također potražite osjetljivost na velika i mala slova. Ako vaša datoteka završava s .JPG, slovima velika slova, ali vaš kôd upućuje na .jpg, sve malim slovima, određeni web poslužitelji vide da se ta dva razlikuju, iako se radi o istim skupovima slova. Računa se osjetljivost na mala i velika slova.
Najbolja je praksa da datoteke uvijek spremate malim slovima. To nam omogućuje da u našem kodu uvijek koristimo mala slova, uklanjajući jedan mogući problem koji bismo mogli imati s našim slikovnim datotekama.
4. Nedostaju datoteke
Ako su putovi do slikovnih datoteka ispravni, a ime i ekstenzija datoteke su i bez pogrešaka, provjerite jesu li datoteke prenesene na web poslužitelj. Zanemarivanje prijenosa datoteka na taj poslužitelj prilikom pokretanja web stranice uobičajena je pogreška koju je lako previdjeti.
Prenesite te slike, osvježite svoju web stranicu i ona bi trebala odmah prikazati datoteke kako se očekivalo. Također možete pokušati izbrisati sliku na poslužitelju i ponovo je prenijeti. Ponekad se datoteke oštećuju tijekom prijenosa (npr. Tekstom, a ne binarnim prijenosom tijekom FTP-a), pa ova metoda "brisanja i zamjene" ponekad pomaže.
5. Web stranica s hostingom slika nije u funkciji
Uobičajeno ćete ugostiti slike koje vaša web lokacija koristi samostalno poslužitelju, ali u nekim slučajevima možda koristite slike koje su hostirane negdje drugdje. Ako se ta web lokacija na kojoj se nalazi slika smanji, neće se učitati ni vaše slike.
6. Problemi s prijenosom
Bez obzira je li slikovna datoteka učitana s vanjske ili s vaše vlastite domene, uvijek postoji vjerojatnost da postoji problem prijenosa te datoteke kad je preglednik prvi zatraži. Ovaj problem ne bi trebao biti uobičajena pojava (ako jest, možda ćete trebati potražiti novog davatelja usluge hostinga), ali s vremena na vrijeme može se dogoditi.
Uobičajeni razlog ovog kvara je taj što je poslužitelj pretrpan i ne može poslužiti svu imovinu stranice dovoljno brzo prije nego što zahtjev istekne. Ovaj ćete problem češće vidjeti kod jeftinih virtualnih web poslužitelja koji se bore s kompliciranijim web lokacijama teškim skriptama. Ako se ovaj problem često javlja, razmislite o nadogradnji mogućnosti poslužitelja ili pronađite novog hosta.
7. Problemi s bazom podataka
Moderne dinamičke web aplikacije, poput WordPressa, oslanjaju se na bazu podataka za pohranu podataka o svemu na web mjestu, uključujući slike. Ako vaša web lokacija ne uspijeva učitati slike, postoji vjerojatnost da je baza podataka imala neki problem.
Postoji hrpa načina na koje se mogu dogoditi problemi s bazom podataka. Vaša aplikacija možda čak nije povezana s bazom podataka jer je na drugom poslužitelju ili nedostupna ili nedostupna. Možda se nešto oštetilo u samoj bazi podataka ili su se promijenili podaci o korisniku vaše baze podataka, odjavivši se. Čak i jednostavne promjene postavki mogu izazvati neželjene posljedice koje ili mijenjaju bazu podataka ili je čine nedostupnom. Provjerite zapisnike poslužitelja da biste vidjeli je li baza podataka možda krivac.
Nekoliko završnih napomena
Razmotrite pravilna upotreba ALT oznaka i brzinu i ukupnu izvedbu vaše web stranice.
Oznake ALT ili "zamjenski tekst" prikazani su u pregledniku ako se slika ne učita. Oni su također važna komponenta u stvaranju pristupačnih web stranica koje mogu koristiti osobe s određenim invaliditetom. Svaka ugrađena slika na vašoj web lokaciji trebala bi imati odgovarajuću ALT oznaku. Slike primijenjene sa CSS-om ne nude ovaj atribut.