Tudja meg, miért nem jelenik meg a képek a webhelyén, és hogyan javíthatja azokat
A régi mondás szerint "a kép ezer szót ér." Ez különösen igaz a weben, ahol a figyelemfelszakítások híresek, ezért a megfelelő kép valóban megteremtheti vagy megszakíthatja a webhelyet a megfelelő figyelem felkeltésével és az oldal látogatóinak elfoglalásával ahhoz, hogy megtanulhassák, hogy mit kell tanulniuk vagy végrehajtaniuk egy adott cselekvés, amely jelzi a "győzelem" a helyszínen. Igen, amikor egy weboldalra érkezik, a képek valóban több mint ezer szót érhetnek el!
Tehát a létrehozott online képek fontosságával kapcsolatban vegyük fontolóra, hogy mi az a weboldal, amely azt mondja, hogy egy kép, amelyről a webhelyen lehet, hogy nem töltődik be? Ez megtörténhet, hogy a CSS-ben alkalmazott HTML vagy háttérképek részét képező beágyazott képek vannak (és a webhelye valószínűleg mindkettővel rendelkezik). Az alsó sorban az, hogy ha egy grafika nem sikerül betölteni egy oldalt, akkor a megjelenés megszakad, és egyes esetekben teljesen megsemmisítheti az adott webhely felhasználói élményét. Az "ezer szó", amelyet a kép küldi, biztosan nem pozitívak!
Vessünk egy pillantást a közös okokra, amelyek miatt a képek nem lesznek betöltődnek egy webhelyen, valamint azt, hogy mit kell tudnia a probléma megoldásakor a weboldal tesztelése során.
Helytelen fájlútvonalak
Ha képeket ad hozzá a webhely HTML vagy CSS fájljához, létre kell hoznia egy elérési utat a könyvtárstruktúrájában, ahol ezek a fájlok tartózkodnak. Ez a kód, amely megmondja a böngészőnek, hogy hol keresse és szerezzen be a képet. A legtöbb esetben ez a "képek" nevű mappában található. Ha a mappa és a benne lévő fájlok helytelen utak, a képek nem töltődnek be megfelelően, mert a böngésző nem fogja tudni letölteni a megfelelő fájlokat. Ez követni fogja azt az utat, amelyről elmondta, de eléri a zsákutcát, és ahelyett, hogy megjeleníti a megfelelő képet, üres lesz.
Az 1. lépés a képbetöltési hibák hibakeresésénél meggyőződni arról, hogy a kódolt fájl elérési útja helyes-e. Talán megadta a rossz könyvtárat, vagy nem helyesen felsorolta az adott könyvtár elérési útját. Ha nem ez a helyzet, előfordulhat, hogy egy újabb probléma van ezzel az úton. Olvass tovább!
A fájlok neve hibásan írható
Amikor megvizsgálja a fájlok fájl elérési útvonalát, győződjön meg róla, hogy helyesen írta be a kép nevét. Tapasztalatunk szerint a képbetöltés leggyakoribb oka a helytelen megnevezések vagy helytelen elírások. Ne felejtsd el, hogy a webböngészők nagyon megbocsáthatatlanok a fájlnevek esetében. Ha tévedésből elfelejtenél egy levelet, vagy rossz levelet használsz, akkor a böngésző nem keres hasonló fájlt, és azt mondja: "Ó, valószínűleg ezt jelentette, igaz?" Nem - ha a fájl téves, akkor is, ha közel van, nem töltődik be az oldalra.
Helytelen fájlkiterjesztés
Bizonyos esetekben előfordulhat, hogy a fájl neve helyesen van megadva, de a fájl kiterjesztése helytelen lehet. Ha a kép egy .jpg fájl , de a HTML keres egy .png fájlt , akkor probléma merül fel. Győződjön meg róla, hogy minden egyes képhez megfelelő fájltípust használ, és győződjön meg róla, hogy ugyanazt a bővítményt hívta meg a webhely kódjába.
Keresse meg az esetek érzékenységét is. Ha a fájlod a .JPG-vel végződik, a betűkben levő betűkkel, de a kódod hivatkozik .jpg, kisbetűs, vannak olyan webkiszolgálók, akik látni fogják, hogy a két különböző, még ha ugyanazok a levelek is. A házérzékenység számít! Ezért mindig kisbetűkkel mentjük a fájlokat. Így lehetővé teszik számunkra, hogy a kódunkban mindig kisbetűket használjunk, kiküszöbölve egy lehetséges problémát a képfájljainkkal.
A fájlok hiányoznak
Ha a képfájljainak elérési útjai helyesek, és a név és a fájl kiterjesztése hibamentes is, akkor a következő tétel ellenőrizni kell, hogy a fájlok ténylegesen fel lettek töltve a webszerverre. Elkerülve a fájlok feltöltésére az adott kiszolgálón, amikor egy webhely elindul, gyakori hiba, amelyet könnyen el lehet hagyni.
Hogyan oldja meg ezt a problémát? Töltse fel ezeket a képeket, frissítse a weboldalt, és azonnal megjeleníti a fájlokat a várt módon. Megpróbálhatja törölni a képet a szerveren, és újra feltölteni. Furcsának tűnhet, de többször láttuk ezt a munkát. Néha a fájlok megsérülnek, ezért ez a "törlés és kicserélés" módszer segíthet.
A képek tárhelyére szolgáló weboldal le van kapcsolva
Általában olyan weboldalakat szeretnél elhelyezni, amelyeket webhelye a saját kiszolgálón használ, de egyes esetekben máshol tárolt képeket is használhat. Ha a megjelenítendő webhely leáll, a képek sem töltődnek be.
Átviteli probléma
Az, hogy egy képfájl van-e betöltve egy külső tartományból vagy a sajátjától, mindig előfordulhat, hogy a böngésző először kéri a fájl átviteli problémáját. Ez nem feltétlenül előfordulhat (ha igen, előfordulhat, hogy új tárhelyszolgáltatót kell keresnie ), de időről időre előfordulhat.
A probléma szerencsétlen oldala, hogy tényleg semmi nem tehet róla, mivel ez a probléma a kontrollodon kívül esik. A jó hír az, hogy ez egy átmeneti probléma, amelyet gyakran gyorsan rendeznek. Például ha valaki meglátja a törött oldalat, és felfrissíti, akkor ez önmagában gyakran megoldja a problémát, és megfelelően betölti a képeket. Ha hibás képet lát, frissítse a böngészőt, és nézze meg, hogy talán csak átviteli probléma az eredeti kérelmet.
Kevés végleges megjegyzés
Amikor a képekre és a betöltési gondokra gondolsz, két dolog, hogy felidézzük az ALT címkék megfelelő használatát, valamint a weboldal sebességét és általános teljesítményét.
ALT, vagy "alternatív szöveg", a címkék a böngésző által megjelenítettek, ha a kép nem sikerül betölteni. Ezenkívül fontos szerepet játszanak az olyan elérhető weboldalak létrehozásában, amelyeket bizonyos fogyatékossággal élő emberek használhatnak. A webhely minden egyes beágyazott képének megfelelő ALT-címkével kell rendelkeznie. Ne feledje, hogy a CSS-en alkalmazott képek nem rendelkeznek ezzel az attribútummal.
Ami a weboldal teljesítményét illeti, túl sok kép betöltése, vagy csak néhány óriás kép, amelyek nincsenek megfelelően optimalizálva a webszállításhoz , negatív hatással lesz a betöltési sebességre. Ezért győződjön meg róla, hogy teszteli a webhelyén megjelenített képek hatásait, és megtesz minden olyan lépést, amely szükséges ahhoz, hogy javítsa a webhely teljesítményét, miközben még mindig megteremti a weboldal projektje szempontjából megfelelő megjelenést.