Zistite, prečo sa obrázky nezobrazujú na vašich webových stránkach a ako ich opraviť
Staré príslovie hovorí, že "obrázok stojí za tisíc slov." To platí predovšetkým na webe, kde sú okruhy pozornosti krátke, takže správny obraz môže skutočne vytvoriť alebo zlomiť stránku tým, že pritiahne správnu pozornosť a zaujme návštevníkov stránky dostatočne dlho, aby sa dozvedeli, čo potrebujú na to, aby sa naučili alebo vykonali konkrétnu akcie, ktorá signalizuje "víťazstvo" stránky. Áno, pokiaľ ide o webové stránky, obrázky môžu skutočne mať hodnotu viac ako tisíc slov!
Takže s dôležitosťou vytvorenia online obrázkov, poďme ďalej zvážiť, aké sú vaše webové stránky, ktoré hovoria, či sa obrázok, ktorý sa má nachádzať na webe, nedá načítať? Môže sa to stať, či máte vložené obrázky, ktoré sú súčasťou obrázkov HTML alebo pozadia aplikovaných pomocou CSS (a vaša stránka pravdepodobne má obidve tieto). Podčiarknuté je, že ak sa na stránke nedá načítať grafika, vyzerá to, že dizajn vyzerá zlomený a v niektorých prípadoch môže úplne zničiť skúsenosti používateľa na danom webe. "Tisíc slov", ktoré obraz posiela, určite nie sú pozitívne!
Poďme sa pozrieť na niektoré bežné dôvody, prečo sa obrázky na webe nedarí načítať, rovnako ako na to, čo by ste mali mať na pamäti pri riešení tohto problému počas testovania webových stránok .
Nesprávne cesty k súborom
Keď pridáte obrázky do súboru HTML alebo CSS stránky , musíte vytvoriť cestu k umiestneniu v adresárovej štruktúre, kde sa tieto súbory nachádzajú. Toto je kód, ktorý informuje prehliadač, odkiaľ má obrázok hľadať a načítať. Vo väčšine prípadov by to bolo v priečinku s názvom "obrázky". Ak cesta k tomuto priečinku a súbory vo vnútri súboru sú nesprávne, obrázky sa nebudú správne načítať, pretože prehliadač nebude môcť načítať správne súbory. Bude to nasledovať po ceste, ktorú ste mu povedali, ale narazí na neúspech a namiesto zobrazenia príslušného obrázka príde prázdny.
Krok 1 v ladiacich problémoch s načítaním obrázkov je, aby ste sa uistili, že cesta k súboru, ktorú ste kódovali, je správna. Možno ste zadali nesprávny adresár alebo ste správne neuviedli cestu k tomuto adresáru. Ak tomu tak nie je, môžete mať s touto cestou ďalší problém. Pokračuj v čítaní!
Súborové mená boli nesprávne zadané
Pri skúmaní ciest súborov pre svoje súbory tiež dbajte na správne zadanie názvu obrázka. Podľa našich skúseností sú najčastejšou príčinou problémov s načítaním obrázkov nesprávne názvy alebo nesprávne napísané slová. Pamätajte, že webové prehliadače sú veľmi nepríjemné, pokiaľ ide o názvy súborov. Ak omylom zabudnete list alebo použijete nesprávne písmeno, prehliadač nebude hľadať podobný súbor a povedať: "Ach, pravdepodobne ste to mysleli, že?" Nie - ak je súbor nesprávne napísaný, aj keď je blízko, nebude na stránke načítať.
Nesprávne rozšírenie súboru
V niektorých prípadoch môže byť názov súboru správne napísaný, ale prípona súboru môže byť nesprávna. Ak váš obrázok je súbor .jpg , ale váš HTML hľadá .png, bude to problém. Uistite sa, že pre každý obrázok používate správny typ súboru a potom sa uistite, že ste vo svojom kóde stránok volali rovnaké rozšírenie.
Tiež vyhľadajte citlivosť prípadu. Ak sa váš súbor skončí s .JPG, s písmenami všetkými v čiapočkách, ale s vašimi kódovými odkazmi .jpg, všetky malé písmená, existujú určité webové servery, ktoré vidia, že tieto dva sú iné, aj keď sú to isté súbory písmen. Citlivosť prípadov sa počíta! To je dôvod, prečo vždy ukladáme naše súbory všetkými malými písmenami. Vďaka tomu môžeme v našom kóde vždy používať malé písmená a eliminovať jeden možný problém, ktorý by sme mohli mať s našimi obrazovými súbormi.
Súbory chýbajú
Ak sú cesty k súborom s obrázkom správne a názov a prípona súboru sú tiež bezchybné, ďalšou položkou, ktorú chcete skontrolovať, je skontrolovať, či sú súbory skutočne odovzdané na webový server. Zanedbanie nahrávania súborov na tento server pri spustení webových stránok je bežnou chybou, ktorú je možné ľahko prehliadať.
Ako vyriešite tento problém? Nahrajte tieto obrázky, obnovte svoju webovú stránku a mali by okamžite zobraziť súbory podľa očakávania. Môžete sa tiež pokúsiť odstrániť obrázok na serveri a znova ho nahrať. Možno sa to zdať zvláštne, ale túto prácu sme videli viac ako raz. Niekedy sú súbory poškodené, takže táto metóda "odstrániť a nahradiť" môže pomôcť.
Webová stránka hosting obrázkov je nadol
Budete zvyčajne chcieť hostiť všetky obrázky, ktoré vaše stránky používajú na vašom vlastnom serveri, avšak v niektorých prípadoch môžete používať obrázky, ktoré sú hostiteľné inde. Ak táto webová lokalita, ktorá je hostiteľom obrazu, klesne, aj vaše obrázky sa nebudú načítavať.
Problém s prenosom
Bez ohľadu na to, či je súbor s obrázkami načítaný z externej domény alebo z vašej vlastnej, existuje vždy pravdepodobnosť, že pre tento súbor môže dôjsť k problému prenosu, keď ho najprv vyžaduje prehliadač. To by nemalo byť bežným výskytom (ak je, možno budete musieť hľadať nový poskytovateľ hostingu ), ale to sa môže stať z času na čas.
Nešťastná stránka tohto problému spočíva v skutočnosti, že s tým nemôžete robiť nič, pretože je to problém mimo vašej kontroly. Dobrou správou je, že ide o dočasný problém, ktorý sa často rieši dosť rýchlo. Napríklad, ak niekto vidí rozbitú stránku a aktualizuje ju, často to problém vyrieši a správne načíta obrázky.Ak vidíte rozbitý obrázok, aktualizujte prehliadač, aby ste zistili, či to bolo len otázka prenosu na vašej počiatočnej žiadosti.
Pár finálnych poznámok
Pri premýšľaní o obrázkoch a problémoch týkajúcich sa zaťaženia je potrebné mať na pamäti aj správne používanie značiek ALT a rýchlosti a celkovej výkonnosti webových stránok.
ALT alebo "alternatívny text", značky sú to, čo zobrazuje prehliadač, ak sa obrázok nedá načítať. Sú tiež dôležitým komponentom pri vytváraní prístupných webových stránok, ktoré môžu používať ľudia s určitým postihnutím. Každý obrázok na vašom webe by mal mať príslušnú značku ALT. Upozorňujeme, že obrázky používané s CSS nemajú tento atribút.
Pokiaľ ide o výkonnosť webových stránok, načítanie príliš veľa obrázkov, alebo dokonca len niekoľkých obrovských obrázkov, ktoré nie sú správne optimalizované pre doručovanie na webe , bude mať negatívny vplyv na rýchlosť načítania. Z tohto dôvodu nezabudnite otestovať vplyv všetkých obrázkov, ktoré používate vo svojom dizajne, a vykonajte akékoľvek kroky, ktoré sú potrebné na zlepšenie výkonnosti daného webu, a zároveň vytvoríte celkový vzhľad a pocit, ktorý je vhodný pre váš projekt webových stránok.