Več o tem, zakaj se slike ne prikazujejo na vašem spletnem mestu in kako jih odpraviti
Stara beseda pravi, da je slika vredna tisoč besed. To še posebej velja za splet, kjer je pozornost razporejen po ozadju kratko in zato lahko prava slika resnično naredi ali razkrije spletno mesto tako, da privlači pravo pozornost in privablja obiskovalce strani dovolj dolgo, da se naučijo, kaj potrebujejo za učenje ali izvedbo določenega ukrep, ki signalizira "zmago" za spletno mesto. Da, ko gre za spletno mesto, je slika dejansko vredna več kot tisoč besed!
Torej, s tem, kako pomembno je vzpostaviti spletne slike, upoštevajte, kaj vaše spletno mesto pravi, če slika, ki naj bi bila na spletnem mestu, ne bo naložena? To se lahko zgodi, ali imate v njej slike, ki so del slik HTML ali ozadja, uporabljenih pri CSS (in vaša spletna stran verjetno ima obe). Bottom line je, da kadar grafika ne naloži strani, naredi videz oblikovanja zdrobljen in v nekaterih primerih popolnoma uniči uporabniško izkušnjo na tej strani. "Tisoč besed", ki jih slika pošilja, zagotovo niso pozitivni!
Oglejmo si nekaj najpogostejših razlogov, zakaj se slike ne bodo naložile na spletno mesto, pa tudi, kaj morate vedeti pri odpravljanju te težave med testiranjem spletnega mesta .
Nepravilne datoteke poti
Ko dodate slike v HTML ali CSS datoteko spletnega mesta, morate ustvariti pot do lokacije v strukturi imenika, kjer te datoteke bivajo. To je koda, ki pove brskalniku, od koder poiščete in pridobite sliko. V večini primerov bi to bilo v mapi z imeni »slike«. Če je pot do te mape in datotek v njej napačna, se slike ne naložijo pravilno, ker brskalnik ne bo mogel naložiti pravilnih datotek. Pot bo sledila poti, ki ste ji jo povedali, vendar bo udaril v slepo ulico in namesto prikaza ustrezne slike bo prišel prazen.
Korak 1 pri odpravljanju napak pri nalaganju slik je, da se prepričate, ali je pot do datoteke, ki ste jo kodirali, pravilna. Morda ste določili napačen imenik ali niste pravilno navedli poti do tega imenika. Če to ni, lahko imate drugo težavo s to potjo. Beri naprej!
Imena datotek napačno črkovana
Ko preiščete poti datotek za datoteke, bodite prepričani, da ste pravilno označili ime slike. Po naših izkušnjah so nepravilna imena ali napačno črkovanje najpogostejši vzrok za nalaganje slik. Ne pozabite, da so spletni brskalniki zelo nezadovoljni, ko gre za imena datotek. Če pozabite pismo po pomoti ali uporabite napačno črko, brskalnik ne bo iskal podobne datoteke in rekel: "Oh, verjetno ste mislili na to, kajne?" Ne - če je datoteka napisana narobe, tudi če je blizu, ne bo naložila strani.
Napačna razširitev datoteke
V nekaterih primerih lahko ime datoteke pravilno napišete, vendar pa je razširitev datoteke morda napačna. Če je vaša slika datoteka .jpg , vendar vaš HTML išče .png, bo prišlo do težave. Prepričajte se, da uporabljate pravo vrsto datoteke za vsako sliko in se prepričajte, da ste v isti kodi pozvali to isto razširitev.
Tudi poiščite občutljivost primera. Če se vaša datoteka konča z .JPG, z vsemi črkami v zgornjih zapahih, vendar se vaša koda nanaša .jpg, vse male črke, obstajajo določeni spletni strežniki, ki bodo videli, da sta ta dva različna, čeprav sta isti nabori črk. Študija občutljivosti primera! Zato naše datoteke vedno shranjujemo z vsemi malimi črkami. S tem omogočamo, da v naši kodi vedno uporabljamo male črke, s čimer odpravimo en problem, ki bi ga lahko naleteli z našimi slikovnimi datotekami.
Datoteke manjkajo
Če so poti do vaših slikovnih datotek pravilne in je tudi ime in datoteka razširitev brez napak, je naslednji element, ki ga želite preveriti, zagotoviti, da so datoteke dejansko prenesene v spletni strežnik. Ne pozabite prenesti datotek na ta strežnik, ko se spletno mesto začne, je pogosta napaka, ki jo je preprosto spregledati.
Kako odpravite to težavo? Naložite te slike, osvežite svojo spletno stran in takoj pokažejo datoteke, kot je bilo pričakovano. Poskusite lahko tudi izbrisati sliko na strežniku in jo ponovno naložiti. Morda se zdi čudno, vendar smo to delo videli več kot enkrat. Včasih so datoteke poškodovane, zato lahko to »brisanje in zamenjava« na koncu pomaga.
Spletno gostovanje slik je dol
Običajno boste želeli gostiti vse slike, ki jih vaše spletno mesto uporablja na svojem strežniku, v nekaterih primerih pa lahko uporabite slike, ki so gosti drugje. Če se spletno mesto, ki gosti sliko, zmanjša, se tudi vaše slike ne bodo naložile.
Problem prenosa
Ali je slikovna datoteka naložena iz zunanje domene ali iz lastne, vedno obstaja možnost, da bi lahko prišlo do težave pri prenosu za to datoteko, ko jo brskalnik prvič zahteva. To ne bi smelo biti pogost pojav (če je to, boste morda morali poiskati novega ponudnika gostovanja ), vendar se lahko občasno zgodi.
Žalostna stran tega vprašanja je, da v resnici ne morete storiti ničesar, ker je to težava izven vašega nadzora. Dobra novica je, da je to začasna težava, ki se pogosto hitro rešuje. Na primer, ko nekdo vidi zlomljeno stran in jo osveži, samo to pogosto odpravi težavo in pravilno naloži slike. Če vidite napačno sliko, osvežite brskalnik in preverite, ali je morda le vprašanje prenosa svojo začetno zahtevo.
Nekaj končnih opomb
Pri razmišljanju o slikah in nakladanju skrbi sta dve stvari, ki jih je treba upoštevati, tudi pravilna uporaba oznak ALT ter hitrost vaše spletne strani in splošna učinkovitost.
ALT ali »nadomestno besedilo« so oznake , ki jih brskalnik prikaže, če se slika ne naloži. So tudi pomembna sestavina pri ustvarjanju dostopnih spletnih strani, ki jih lahko uporabljajo osebe z določenimi težavami. Vsaka notranja slika na vašem spletnem mestu mora imeti ustrezno oznako ALT. Upoštevajte, da slike, uporabljene pri CSS, nimajo tega atributa.
Kar se tiče učinkovitosti spletnega mesta, nalaganje preveč slik ali celo nekaj velikanskih slik, ki niso ustrezno optimizirane za dostavo na spletu , bodo negativno vplivale na hitrost nalaganja. Iz tega razloga se prepričajte, da preizkusite vpliv vseh slik, ki jih uporabljate pri oblikovanju vašega spletnega mesta, in naredite korake, ki so potrebni za izboljšanje učinkovitosti tega spletnega mesta, hkrati pa še vedno ustvarite splošen videz in občutek, ki je primeren za vaš spletni projekt.