Saznajte zašto se slike ne prikazuju na vašoj web lokaciji i kako ih popraviti
Stara reč kaže: "slika vredi hiljadu reči". Ovo je naročito tačno na Vebu, gdje je pažljivo raspoređivanje ozbiljno kratko i prave slike stvarno mogu napraviti ili razbiti lokaciju tako što privlače pravu pažnju i privlače posjetitelje stranice dovoljno dugo da saznaju šta im treba za učenje ili izvođenje određene akcija koja signalizira "pobedu" za sajt. Da, kada je u pitanju veb lokacija, slike mogu zaista vrijediti više od hiljadu riječi!
Dakle, s obzirom na značaj uspostavljenih onlajn slika, hajde da razmotrimo šta je na vašem sajtu govoreći da li slika koja bi trebalo da bude na sajtu ne učitava? Ovo se može desiti da li imate inline slike koje su deo HTML ili pozadinske slike primenjene sa CSS (i vaša lokacija verovatno ima oba). Donja linija je da kada grafika ne učita na stranici, to čini dizajn izgledom slomljenim i, u nekim slučajevima, može u potpunosti uništiti korisničko iskustvo na toj lokaciji. "Hiljadu reči" koje slika slanja sigurno nisu pozitivne!
Hajde da pogledamo neke od najčešćih razloga zbog kojih se slike ne bi učitale na sajtu, kao i ono o čemu biste trebali imati na umu prilikom rešavanja problema tokom testiranja na web lokaciji .
Nepravilan broj fajlova
Kada dodate slike u HTML ili CSS datoteku sajta, morate kreirati putanju do lokacije u strukturi direktorijuma gdje se nalaze te datoteke. Ovo je kôd koji govori pretraživaču odakle potražiti i preuzeti sliku. U većini slučajeva, ovo bi bilo unutar fascikle pod imenom 'slike'. Ako je put do ove fascikle i datoteka u njemu neispravan, slike se neće pravilno učitati jer pretraživač neće moći da preuzme ispravne datoteke. Pratićeš put kojim si to rekao, ali će pogoditi slepoću ivicu, a umjesto prikaza odgovarajuće slike, pojavit će se prazno.
Korak 1 u otklanjanju problema sa učitavanjem slika je da biste bili sigurni da je putanja datoteke koju ste kodirali ispravno. Možda ste odredili pogrešan direktorijum ili niste ispravno popisali put do tog direktorijuma. Ukoliko to nije slučaj, možda ćete imati još jedan problem sa tom putanjom. Pročitajte dalje!
Imena datoteka Misspelled
Dok proučavate putanje datoteka za svoje datoteke, takođe budite sigurni da ste pravilno uneli ime slike. Po našem iskustvu, najčešći uzrok problema sa učitavanjem slika su nepravilna imena ili pogrešna pisma. Zapamtite, web pretraživači su veoma nezadovoljni kad je reč o imenima datoteka. Ako zaboravite pismo greškom ili koristite pogrešno slovo, pretraživač neće tražiti datoteku koja je slična i kaže: "Oh, verovatno ste mislili na ovo, zar ne?" Ne - ako je datoteka pogrešno napisana, čak i ako je ona blizu, neće se učitati na stranici.
Pogrešno proširenje datoteke
U nekim slučajevima, možda ste pravilno napisali ime datoteke, ali ekstenzija datoteke možda nije tačna. Ako je vaša slika datoteka .jpg , ali vaš HTML traži .png, biće problem. Uverite se da koristite tačnu vrstu datoteke za svaku sliku, a zatim budite sigurni da ste pozvali na istu ekstenziju u kodu vaše web stranice.
Takođe potražite osjetljivost slučaja. Ako se vaša datoteka završi sa .JPG, sa slovima sve u kapicama, ali vašim kodom se pominje .jpg, sve male slova, postoje određeni web serveri koji će videti da su te dve različite, iako su isti skupovi slova. Osetljivost slučaja je brojna! Zbog toga uvek čuvamo datoteke sa malim slovima. To omogućuje da uvek koristimo mala slova u našem kodu, eliminišući jedan mogući problem koji možemo imati s našim datotekama slika.
Datoteke nedostaju
Ako su putevi u vaše datoteke slike tačni, a ime i ekstenzija datoteke takođe su besplatne, sledeća stavka koju želite da proverite je da biste bili sigurni da su datoteke zapravo bile postavljene na web server. Zapostavljanje otpremanja datoteka na taj server kada je sajt pokrenut je česta greška koja je lako prevideti.
Kako rešiti ovaj problem? Otpremite te slike, osvežite svoju web stranicu i odmah treba da prikažete datoteke kao što je očekivano. Takođe možete pokušati da obrišete sliku na serveru i ponovo ga otpremite. Možda izgleda čudno, ali smo videli ovaj rad više od jednom. Ponekad se datoteke oštećuju, tako da ovaj metod "brisanje i zamena" može završiti pomoć.
Vebsajt hosting slika je dolje
Uobičajeno želite da hostujete bilo koju sliku koju vaša stranica koristi na svom serveru, ali u nekim slučajevima možete koristiti slike koje su hostirane na drugim mestima. Ako je stranica na kojoj se slika nalazi, vaše slike se neće učitati.
Problem prenosa
Da li je datoteka slike učitana sa vanjskog domena ili sama, uvek postoji šansa da možda postoji problem prenosa za tu datoteku kada ga pretraživač prvi zatraži. Ovo ne bi trebalo da bude česta pojava (ako jeste, možda ćete morati tražiti novog provajdera hostinga ), ali se to može dogoditi s vremena na vrijeme.
Žalostna strana ovog problema je u tome što zaista ne možete učiniti ništa o tome jer je to problem izvan vaše kontrole. Dobra vest je da je to privremeni problem koji se često brzo rešava. Na primjer, kada neko vidi stranicu sa slomljenim izgledom i osvežava ga, samo će to često popraviti problem i pravilno učitati slike. Ako vidite slomljenu sliku, osvežite pregledač da biste saznali da li je možda to samo problem prenosa na vaš početni zahtev.
Nekoliko finalnih zapisa
Kada razmišljate o slikama i opterećenjima zabrinutosti, dve stvari koje takođe treba imati na umu su pravilna upotreba ALT oznaka i brzina vašeg veb sajta i ukupne performanse.
ALT ili "alternativni tekst", oznake su ono što je prikazan od strane pretraživača ako slika ne učita. Oni su takođe važna komponenta u stvaranju dostupnih web stranica koje mogu koristiti ljudi sa određenim ograničenim sposobnostima. Svaka unutrašnja slika na vašoj web lokaciji treba da ima odgovarajuću ALT oznaku. Imajte na umu da slike koje se primjenjuju kod CSS nemaju ovaj atribut.
Što se tiče performansi web sajta, učitavanje previše slika ili čak samo nekoliko slika velikana koje nisu pravilno optimizovane za isporuku na webu , imaće negativan utjecaj na brzinu učitavanja. Iz tog razloga, provjerite utjecaj svih slika koje koristite u dizajnu vašeg sajta i preduzmite sve korake koji su neophodni da biste poboljšali performanse tog web sajta, dok još uvijek kreirate ukupni izgled i osećaj koji odgovara vašem projektu.