Vanhan sanonnan mukaan "kuva on tuhannen sanan arvoinen". Tämä iskulause loistaa verkossa, jossa huomio ulottuu ovat tunnetusti lyhyitä - oikea kuva voi tehdä tai rikkoa sivuston houkuttelemalla oikeaa huomiota ja kiinnostavaa sivua kävijöitä.
Silti kun grafiikkaa ei lataudu, se saa muotoilun näyttämään rikki ja voi joissakin tapauksissa heikentää kyseisen sivuston käyttäjäkokemusta. "Tuhat sanaa", jotka rikkoutunut kuva lähettää, eivät todellakaan ole positiivisia!
1. Virheelliset tiedostopolut
Kun lisäät kuvia sivuston HTML tai CSS tiedosto, sinun on luotava polku hakemistorakenteen sijaintiin, jossa nämä tiedostot sijaitsevat. Tämä on koodi, joka kertoo selaimelle kuvan etsimisen ja noutamisen. Useimmissa tapauksissa tämä olisi nimisen kansion sisällä kuvia. Jos tämän kansion polku ja sen sisällä olevat tiedostot ovat virheelliset, kuvat eivät lataudu oikein, koska selain ei pysty hakemaan oikeita tiedostoja. Se seuraa polkua, jolle kerroit, mutta se osuu umpikujaan ja sen sijaan, että näytetään sopiva kuva, tulee tyhjäksi.
2. Tiedostojen nimet kirjoitettu väärin
Kun tutkit tiedostopolut varmista, että kirjoitit kuvan nimen oikein. Virheelliset nimet tai kirjoitusvirheet ovat yleisin syy kuvien lataamiseen.
3. Väärä tiedostotunniste
Joissakin tapauksissa tiedoston nimi voi olla kirjoitettu oikein, mutta tiedostotunniste voi olla väärä. Jos kuvasi on .jpg-tiedosto, mutta HTML-koodisi etsii .png-tiedostoa, siinä on ongelma. Käytä oikeaa tiedostotyyppiä jokaiselle kuvalle ja viittaa sitten samaan laajennukseen verkkosivustosi koodissa.
Etsi myös kirjainkoko. Jos tiedosto päättyy .JPG: hen, kirjaimet ovat kaikki isoilla kirjaimilla, mutta koodisi viittaavat .jpg: lle pienet kirjaimet, tietyt verkkopalvelimet pitävät näitä kahta erona, vaikka ne olisivatkin samat kirjaimet. Kirjainkoon herkkyys laskee.
On parasta tallentaa tiedostot aina pienillä kirjaimilla. Näin voimme käyttää koodissamme aina pieniä kirjaimia, mikä eliminoi yhden mahdollisen ongelman, joka meillä voisi olla kuvatiedostoissamme.
4. Puuttuvat tiedostot
Jos kuvatiedostojen polut ovat oikein, ja nimi ja tiedostopääte ovat myös virheettömiä, tarkista, että tiedostot on ladattu verkkopalvelimeen. Tiedostojen lataamisen laiminlyönti palvelimeen, kun sivusto käynnistetään, on yleinen virhe, joka on helppo unohtaa.
Lataa nämä kuvat, päivitä verkkosivusi ja sen pitäisi näyttää tiedostot välittömästi odotetulla tavalla. Voit myös yrittää poistaa kuvan palvelimelta ja ladata sen uudelleen. Joskus tiedostot vioittuvat siirron aikana (esim. Tekstin sijaan binäärisiirron avulla FTP: n aikana), joten tämä "poista ja korvaa" -menetelmä auttaa joskus.
5. Kuvia isännöivä verkkosivusto on poissa käytöstä
Isännöit yleensä kuvia, joita sivustosi käyttää yksin palvelin, mutta joissakin tapauksissa saatat käyttää kuvia, joita isännöidään muualla. Jos tämä kuvan isännöivä sivusto laskee, myöskään kuviasi ei ladata.
6. Siirto-ongelmat
Riippumatta siitä, ladataanko kuvatiedosto ulkoisesta toimialueesta vai omasta, on aina mahdollista, että tiedostoon saattaa liittyä siirto-ongelma, kun selain sitä ensin pyytää. Tämän ongelman ei pitäisi olla yleinen (jos on, joudut ehkä etsimään uutta isännöintipalvelua), mutta se voi tapahtua ajoittain.
Yleinen syy tähän häiriöön on se, että palvelin on ylikuormitettu eikä pysty tarjoamaan kaikkia sivun resursseja tarpeeksi nopeasti ennen kuin pyyntö aikakatkaistaan. Näet tämän ongelman yleisemmin halvalla varustettujen virtuaalisten verkkopalvelimien kanssa, jotka kamppailevat monimutkaisempien, komentosarjapainoisimpien sivustojen käsittelemiseksi. Jos tätä ongelmaa esiintyy usein, harkitse palvelimen ominaisuuksien päivittämistä tai etsi uusi isäntä.
7. Tietokantaongelmat
Nykyaikaiset dynaamiset verkkosovellukset, kuten WordPress, luottavat tietokantaan tallentaakseen tietoja kaikesta sivustossa, mukaan lukien kuvat. Jos sivustosi ei lataa kuvia, on mahdollista, että tietokannassa on jokin ongelma.
On olemassa joukko tapoja, joilla tietokanta-ongelmia voi esiintyä. Sovellustasi ei ehkä edes ole kytketty tietokantaan, koska se on joko poissa käytöstä tai sitä ei voida saavuttaa eri palvelimella. Jotain on saattanut vioittua itse tietokannassa tai tietokannan käyttäjätiedot ovat muuttuneet ja kirjaavat sinut ulos. Jopa yksinkertaiset asetusten muutokset voivat laukaista tahattomia seurauksia, jotka joko muuttavat tietokantaa tai tekevät siitä tavoitettavissa. Tarkista palvelimen lokit, onko tietokanta mahdollisesti syyllinen.
Muutama viimeinen huomautus
Harkitse ALT-tunnisteiden asianmukainen käyttö ja verkkosivustosi nopeus ja yleinen suorituskyky.
ALT tai "vaihtoehtoinen teksti" -tunnisteet ovat mitä selain näyttää, jos kuvan lataaminen epäonnistuu. Ne ovat myös tärkeä osa esteettömien verkkosivustojen luomisessa, joita tietyt vammaiset ihmiset voivat käyttää. Jokaisella sivustosi sisäisellä kuvalla tulisi olla sopiva ALT-tunniste. CSS: llä käytetyt kuvat eivät tarjoa tätä määritettä.