Selvitä, miksi kuvat eivät näy verkkosivustollasi ja miten ne korjataan
Vanha sanonta tarkoittaa, että "kuva on tuhannen sanan arvoinen". Tämä pätee erityisesti verkkoon, jossa huomiotajat ovat tunnetusti lyhyitä ja oikea kuva voi todella luoda tai katkaista sivuston houkuttelemalla oikeaa huomiota ja tarttumalla sivujen kävijöille niin kauan, että he voivat oppia, mitä he tarvitsevat oppia tai suorittaa tietyn toiminta, joka ilmaisee sivuston "voittoa". Kyllä, kun kyse on verkkosivustosta, kuvat saattavat todella olla yli tuhat sanaa!
Niinpä verkossa olevien kuvien tärkeyden kanssa, harkitsemme seuraavaksi, mikä on sivustosi sanomalla, jos kuvan, jonka pitäisi olla sivustossa, ei lataudu? Näin voi käydä, jos sinulla on sisäisiä kuvia, jotka ovat osa HTML- tai taustakuvia CSS: n kanssa (ja sivustosi todennäköisesti on molempia). Tärkeintä on, että kun grafiikka ei lataudu sivulle, se tekee suunnittelusta näyttävän rikki ja voi joissakin tapauksissa tuhota täysin käyttökokemuksen kyseisellä sivustolla. "Tuhat sanaa", jota kuva lähettää, eivät todellakaan ole positiivisia!
Katsotaanpa joitain yleisiä syitä, miksi kuvat eivät lataudu sivustolle, samoin kuin mitä sinun pitäisi pitää mielessä ongelman vianmäärityksessä verkkosivustojen testauksen aikana.
Virheelliset tiedostopolut
Kun lisäät kuvia sivuston HTML- tai CSS- tiedostoon, sinun on luotava polku hakemistorakenteesi sijaintiin, jossa tiedostot sijaitsevat. Tämä on koodi, joka kertoo selaimelle, mistä etsitään ja haetaan kuvaa. Useimmissa tapauksissa tämä on "kuvien" sisältävä kansio. Jos polku tähän kansioon ja sen sisältämät tiedostot ovat vääriä, kuvat eivät lataudu oikein, koska selain ei voi hakea oikeita tiedostoja. Se seuraa polkua, jonka sanoit sen, mutta se osuu umpikujaan, ja sen sijaan, että näyttäisi sopivan kuvan, tulee tyhjäksi.
Vaihe 1 kuvien lataamisen ongelmien vianmäärityksessä on varmistaa, että koodattu tiedostopolku on oikea. Ehkä olet määrittänyt väärän hakemiston tai et ole oikein luetellut kyseisen hakemiston polkua. Jos näin ei ole, sinulla saattaa olla toinen ongelma kyseisellä polulla. Jatka lukemista!
Tiedostot Nimet virheellisesti kirjoitettu
Kun tutkit tiedostosi tiedostoja, varmista, että olet kirjoittanut kuvan nimen oikein. Kokemuksemme mukaan vääriä nimiä tai kirjoitusvirheitä ovat yleisimpiä syy kuvien lataamiseen. Muista, että web-selaimet ovat hyvin epämiellyttäviä tiedostonimien osalta. Jos unohdat väärän kirjeen tai käytät väärää kirjainta, selain ei etsi tiedostoa, joka on samanlainen ja sanoo: "Oh, luultavasti tarkoittanut tätä, eikö?" Ei - jos tiedosto on kirjoitettu väärin, vaikka se olisi lähellä, se ei lataudu sivulle.
Väärä tiedostojen laajennus
Joissakin tapauksissa tiedoston nimi saattaa olla oikein kirjoitettu, mutta tiedostopääte saattaa olla virheellinen. Jos kuva on .jpg-tiedosto , mutta HTML etsii .png, ongelma ilmenee. Varmista, että käytät jokaiselle kuvalle oikeaa tiedostotyyppiä ja varmista, että olet vaatinut kyseistä laajennusta verkkosivustossasi.
Etsi myös kotelon herkkyyttä. Jos tiedostosi päättyy .JPG: llä, kaikki kirjaimet ovat kirjaimissa, mutta koodisi viittaa .jpg, kaikki pienet kirjaimet, on olemassa tiettyjä verkkopalvelimia, jotka näkevät nämä kaksi erilaista, vaikka ne ovat samoja kirjaimia. Kotelon herkkyys laskee! Siksi tallennamme tiedostoja aina pienillä kirjaimilla. Näin voimme aina käyttää pieniä koodeihimme ja poistaa mahdollisen ongelmamme kuvatiedostojamme kanssa.
Tiedostot puuttuvat
Jos kuvatiedostojen polut ovat oikein, ja nimi ja tiedostopääte ovat myös virheetön, tarkistamisen seuraava kohta on varmistaa, että tiedostot on tosiasiallisesti ladattu verkkopalvelimeen. Unohtamatta tiedostojen lähettämistä palvelimeen, kun sivusto käynnistetään, on yleinen virhe, josta on helppo unohtaa.
Miten korjaat tämän ongelman? Lataa nämä kuvat, päivitä verkkosivusi ja näytä tiedostot heti odotetusti. Voit myös yrittää poistaa kuvan palvelimelta ja ladata sen uudelleen. Se voi tuntua oudolta, mutta olemme nähneet tämän työn useammin kuin kerran. Joskus tiedostot vioittuvat, joten tämä "poistaa ja korvaa" -menetelmä voi päätyä auttamaan.
Web-sivuston ylläpito on alhaalla
Haluat tyypillisesti isännöidä kaikki sivustosi käyttämäsi kuvat omalla palvelimellasi, mutta joissakin tapauksissa saatat käyttää kuvia, jotka sijaitsevat muualla. Jos kuva isännöivä sivusto alenee, kuviasi ei lataudu.
Siirtoongelma
Olipa kuvatiedosto ladattu ulkoisesta verkkotunnuksesta tai omasta, on aina mahdollista, että tiedostoon voi liittyä siirtoongelma, kun selaimesi pyytää sitä ensin. Tämä ei saisi olla yleinen tapaus (jos se on, saatat joutua etsimään uutta palveluntarjoajaa ), mutta se voi tapahtua aika ajoin.
Tämän ongelman valitettava puoli on se, että sinusta ei todellakaan voi tehdä mitään, koska se on ongelma, jota hallitsemme. Hyvä uutinen on, että se on tilapäinen ongelma, joka ratkaistaan usein melko nopeasti. Jos esimerkiksi joku näkee rikkoutuneen sivun ja päivittää sen, se korjaa ongelman usein ja lataa kuvat oikein. Jos näet rikki kuvan, päivitä selaimesi nähdäksesi, oliko se ehkä lähetysongelma alkuperäisen pyynnön.
Muutamat lopulliset huomautukset
Kun ajatellaan kuvia ja kuormitusongelmia, kannattaa huomioida myös ALT-tunnisteiden oikea käyttö ja sivuston nopeus ja yleinen suorituskyky.
ALT, tai "vaihtoehtoinen teksti", selaimen näyttämät tunnisteet, jos kuva ei lataudu. Ne ovat myös tärkeä tekijä sellaisten verkkosivujen luomisessa, joita tietyt vammaiset voivat käyttää. Jokaisella sivulla olevilla inline-kuvilla tulisi olla sopiva ALT-tunniste. Huomaa, että CSS: llä käytetyillä kuvilla ei ole tätä ominaisuutta.
Web-sivuston tehokkuuden, lataamisen liian monta kuvaa tai jopa muutama jättiläismäinen kuva, joita ei ole optimoidut oikein web-toimitukseen , vaikuttaa negatiivisesti latausnopeuteen. Tästä syystä kannattaa testata sivustosi suunnittelussa käyttämiesi kuvien vaikutuksia ja ryhtyä toimiin, jotka ovat välttämättömiä kyseisen sivuston tehokkuuden parantamiseksi samalla, kun luot edelleen verkkosivustosi kannalta sopivaa yleistä ulkoasua.