A régi mondás szerint "egy kép ezer szót ér". Ez a szlogen ragyog az interneten, ahol átfut a figyelem köztudottan rövidek - a megfelelő kép a megfelelő figyelem felkeltésével és az oldal megnyerésével képes webhelyet létrehozni vagy feltörni látogatók.
Mégis, ha egy grafika nem töltődik be, akkor a dizájn megszakadtá válik, és egyes esetekben ronthatja az adott webhely felhasználói élményét. Az a "ezer szó", amelyet a törött kép küld, biztosan nem pozitív!
1. Helytelen fájlútvonalak
Amikor képeket ad hozzá egy webhelyhez HTML vagy CSS fájlt, létre kell hoznia egy elérési utat a könyvtárstruktúrában ahhoz a helyre, ahol ezek a fájlok találhatók. Ez egy kód, amely megmondja a böngészőnek, hogy hol keresse meg és honnan töltse le a képet. A legtöbb esetben ez egy megnevezett mappában található képek. Ha a mappa elérési útja és a benne lévő fájlok helytelenek, akkor a képek nem töltődnek be megfelelően, mert a böngésző nem tudja lekérni a megfelelő fájlokat. Kövesse azt az utat, amelyet mondtál neki, de zsákutcába kerül, és a megfelelő kép megjelenítése helyett üresen jelenik meg.
2. Helytelenül beírja a neveket
Ahogy megvizsgálja a fájl elérési útjai a fájloknál ellenőrizze, hogy helyesen írta-e a kép nevét. A helytelen nevek vagy a helyesírási hibák a képbetöltési problémák leggyakoribb okai.
3. Rossz fájlkiterjesztések
Bizonyos esetekben előfordulhat, hogy a fájl neve helyesen van megírva, de a fájlkiterjesztés helytelen lehet. Ha a képed a .jpg fájl, de a HTML-fájlja .png-t keres, probléma lesz. Minden képhez használja a megfelelő fájltípust majd hivatkozjon ugyanarra a kiterjesztésre a webhely kódjában.
Keresse meg a kis- és nagybetűk érzékenységét is. Ha a fájl .JPG-re végződik, az összes betű nagybetűvel van feltüntetve, de a kód a .jpg-re hivatkozik, az összes kisbetűs, bizonyos webszerverek úgy látják, hogy ez a kettő különbözik egymástól, annak ellenére, hogy ugyanazok leveleket. A kis- és nagybetűk érzékenysége számít.
A legjobb gyakorlat, ha a fájlokat mindig kisbetűkkel menti. Ez lehetővé teszi számunkra, hogy mindig kisbetűket használjunk a kódunkban, kiküszöbölve a képfájljainkkal kapcsolatos esetleges problémákat.
4. Hiányzó fájlok
Ha a képfájlokhoz vezető utak helyesek, akkor a név és a fájlkiterjesztés szintén hibamentesek, ellenőrizze, hogy a fájlokat feltöltötték-e a webszerverre. A webhely indításakor a fájlok e szerverre történő feltöltésének elhanyagolása gyakori hiba, amelyet könnyű figyelmen kívül hagyni.
Töltse fel ezeket a képeket, frissítse a weboldalát, és azonnal meg kell jelenítenie a fájlokat a várakozásoknak megfelelően. Megpróbálhatja törölni a képet a szerverről, és feltölteni újra. Előfordul, hogy a fájlok az átvitel során megsérülnek (például az FTP során a bináris átvitel helyett a szöveges szövegek), ezért ez a "törlés és csere" módszer néha segít.
5. A képeket tároló webhely nem működik
Általában Ön tárolja azokat a képeket, amelyeket webhelye egyedül használ szerver, de néhány esetben előfordulhat, hogy máshol tárolt képeket használ. Ha a képet tároló webhely csökken, akkor a képei sem fognak betöltődni.
6. Transzfer problémák
Függetlenül attól, hogy egy képfájlt külső vagy saját domainről töltöttek-e be, mindig fennáll annak az esélye, hogy átviteli probléma merülhet fel a fájl számára, amikor a böngésző először kéri. Ez a probléma nem lehet gyakori jelenség (ha mégis előfordul, akkor lehet, hogy új tárhelyszolgáltatót kell keresnie), de időről időre előfordulhat.
Ennek az általános hibának az az oka, hogy a szerver túlterhelt, és nem tudja az oldal összes tartalmát elég gyorsan kiszolgálni, mielőtt a kérelem elévül. Ezt a problémát gyakrabban fogja látni az olcsón felszerelt virtuális webszervereknél, amelyek küzdenek a bonyolultabb, szkriptet igénylő webhelyek kezeléséért. Ha ez a probléma gyakran előfordul, fontolja meg a szerver képességeinek frissítését, vagy keressen új gazdagépet.
7. Adatbázis problémák
A modern, dinamikus webalkalmazások, például a WordPress, egy adatbázisra támaszkodva tárolják az információkat a webhely minden eleméről, beleértve a képeket is. Ha webhelye nem tölti be a képeket, akkor valószínű, hogy az adatbázis valamilyen problémát tapasztal.
Az adatbázis-problémák egy csomóféleképpen fordulhatnak elő. Előfordulhat, hogy az alkalmazás nem is csatlakozik az adatbázishoz, mert vagy nem működik, vagy elérhetetlen egy másik szerveren. Lehet, hogy valami megsérült magában az adatbázisban, vagy az adatbázis felhasználói adatai megváltoztak, és kijelentkeztettek. Még az egyszerű beállításmódosítások is kiválthatnak olyan nem kívánt következményeket, amelyek vagy megváltoztatják az adatbázist, vagy elérhetetlenné teszik azt. Ellenőrizze a kiszolgáló naplóit, hogy az adatbázis lehet-e a tettes.
Néhány utolsó megjegyzés
Tekintsük a az ALT-címkék megfelelő használata valamint a webhely sebessége és általános teljesítménye.
Az ALT vagy az „alternatív szöveg” címkék azok, amelyeket a böngésző megjelenít, ha a kép betöltése sikertelen. Fontos elemei azoknak a hozzáférhető weboldalak létrehozásának is, amelyeket bizonyos fogyatékossággal élők is használhatnak. A webhely minden beágyazott képének rendelkeznie kell megfelelő ALT címkével. A CSS-sel alkalmazott képek nem kínálják ezt az attribútumot.