Saznajte zašto se slike ne prikazuju na vašoj web-lokaciji i kako ih ispraviti
Stara izreka kaže da "slika vrijedi tisuću riječi". To je osobito istinito na webu, gdje se pažnja pokriva znatno kratko i tako prava slika stvarno može napraviti ili break site privlačenjem prave pažnje i angažiranja posjetitelja stranice dovoljno dugo da im naučiti ono što im je potrebno kako bi naučili ili izvršiti određene akcija koja signalizira "pobjedu" za web mjesto. Da, kada je u pitanju web stranica, slike zapravo mogu biti vrijedne više od tisuću riječi!
Dakle, s obzirom na važnost uspostavljenih mrežnih slika, razmislimo o vašoj web-lokaciji koja kaže da li se slika koju bi trebala nalaziti na web mjestu ne može učitati? To se može dogoditi ako imate inline slike koje su dio HTML ili pozadinske slike primijenjene CSS-om (a Vaša web lokacija vjerojatno ima oboje). Dno crta je da kad se grafički prikaz ne učita na stranici, čini izgled izgleda slomljen i, u nekim slučajevima, može u potpunosti uništiti korisničko iskustvo na tom mjestu. "Tisuće riječi" koje slika šalju zasigurno nisu pozitivne!
Pogledajmo neke od uobičajenih razloga zašto se slike neće učitati na web mjestu, kao i ono što biste trebali imati na umu prilikom otklanjanja poteškoća tijekom testiranja web mjesta .
Netočni putovi datoteka
Kada dodate slike u HTML ili CSS datoteku web mjesta, morate stvoriti put do lokacije u strukturi imenika u kojima te datoteke žive. Ovo je kod koji govori pregledniku gdje tražiti i dohvatiti sliku. U većini slučajeva to bi bilo unutar mape pod nazivom "slike". Ako put do ove mape i datoteka unutar nje nisu točni, slike se neće ispravno učitati jer preglednik neće moći dohvatiti ispravne datoteke. Slijedit će put na koji ste to rekli, ali to će pogoditi zastoj i, umjesto prikaza odgovarajuće slike, pojavit će se prazno.
1. korak u otklanjanju poteškoća s učitavanjem slika je da provjerite je li put datoteke koji ste kodirali ispravna. Možda ste naveli pogrešan direktorij ili nije ispravno naveden put do tog direktorija. Ako to nije slučaj, možda imate još jedan problem s tom putanjom. Nastavi čitati!
Datoteke imena pogrešno napisane
Dok pregledavate putove datoteka za datoteke, provjerite jeste li točno napisali naziv slike. U našem iskustvu najčešći su uzroci problema s učitavanjem slika pogrešna imena ili pogrešno napisane riječi. Zapamtite, web preglednici su vrlo nepopustljivi kada je u pitanju imena datoteka. Ako pogrešno zaboravite pismo ili upotrijebite pogrešno pismo, preglednik neće tražiti sličnu datoteku i reći "oh, vjerojatno ste to mislili, zar ne?" Ne - ako je datoteka pogrešno napisana, čak i ako je blizu, neće se učitati na stranici.
Pogrešno proširenje datoteka
U nekim ćete slučajevima možda imati naziv datoteke pravilno napisan, ali proširenje datoteke može biti netočno. Ako je vaša slika .jpg datoteka , ali vaš HTML traži .png, pojavit će se problem. Provjerite upotrebljavate li ispisanu vrstu datoteke za svaku sliku, a zatim provjerite jeste li pozvali na to isto proširenje u kodu vaše web-lokacije.
Također potražite osjetljivost na slučaj. Ako vaša datoteka završava s .JPG, a slova su sve u čepovima, ali vaš kôd označava .jpg, sve malim slovima, postoje određeni web poslužitelji koji će vidjeti da su ta dva različita, iako su isti niz slova. Brojač slučajnih osjetljivosti! Zato uvijek spremamo datoteke s malim slovima. Na taj način omogućavamo da uvijek koristimo mala slova u našem kodu, eliminirajući jedan mogući problem koji bismo mogli imati s našim slikovnim datotekama.
Datoteke su nestale
Ako su staze za vaše slikovne datoteke ispravne, a naziv i proširenje datoteke su također bez pogreške, sljedeća stavka koju treba provjeriti jest osigurati da su datoteke zapravo prenesene na web poslužitelj. Zanemarivanje prenošenja datoteka na taj poslužitelj kada se web-lokacija pokreće uobičajena je pogreška koja se lako može zanemariti.
Kako riješite taj problem? Prenesite te slike, ažurirajte svoju web stranicu i odmah biste prikazali datoteke kako se očekuje. Također možete pokušati izbrisati sliku na poslužitelju i ponovno je prenijeti. Moglo bi se činiti čudnim, ali smo to vidjeli više puta. Ponekad se datoteke oštećuju pa ovaj način "izbrisati i zamijeniti" može završiti pomaganjem.
Web stranica hostinga slika je dolje
Obično želite ugostiti sve slike koje vaša web-lokacija upotrebljava na vlastitom poslužitelju, ali u nekim slučajevima možda koristite slike koje su hostirane negdje drugdje. Ako se web-lokacija na kojoj se slika nalazi nestaje, vaše slike neće se učitati.
Problem prijenosa
Bez obzira na to je li slikovna datoteka učitana s vanjske domene ili od svoje vlastite, uvijek postoji vjerojatnost da postoji mogućnost prijenosa za tu datoteku kada je preglednik prvi put zatražio. To ne bi trebalo biti uobičajena pojava (ako je, možda ćete morati potražiti novog pružatelja usluge hostinga ), no to se može dogoditi s vremena na vrijeme.
Nesretna strana ovog problema je da zaista ne možete ništa učiniti jer je problem izvan vaše kontrole. Dobra vijest je da je privremeni problem koji se često rješava prilično brzo. Na primjer, kada netko vidi stranicu s slomljenom izgledu i osvježava, to sama će često riješiti problem i pravilno učitati slike. Ako vidite slomljenu sliku, osvježite preglednik kako biste vidjeli je li možda to bilo samo prijenosni problem Vaš početni zahtjev.
Nekoliko završnih bilješki
Kada razmišljate o slikama i problemima vezanim za utovar, dvije stvari koje treba voditi računa o tome jesu li pravilna upotreba ALT oznaka i brzine web-lokacije i ukupne izvedbe.
ALT ili "alternativni tekst" oznake su ono što preglednik prikazuje 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 umetnuta slika na vašoj web-lokaciji mora imati odgovarajuću ALT oznaku. Imajte na umu da slike koje se primjenjuju s CSS-om nemaju ovaj atribut.
Što se tiče izvedbe web mjesta, učitavanje previše slika ili čak samo nekoliko divovskih slika koje nisu ispravno optimizirane za web isporuku , negativno će utjecati na brzinu učitavanja. Iz tog razloga svakako provjerite utjecaj slika koje upotrebljavate u dizajnu svoje web-lokacije i poduzmite sve potrebne korake kako biste poboljšali izvedbu te web lokacije dok još uvijek stvarate cjelokupni izgled i osjećaj koji odgovara vašem projektu na web-lokaciji.