Staré príslovie hovorí, že „obrázok má hodnotu tisíc slov“. Tento slogan svieti na webe, kde sa rozprestiera pozornosť sú notoricky krátke - správny obrázok môže vytvoriť alebo pokaziť web prilákaním správnej pozornosti a pútavou stránkou návštevníkov.
Ak sa však grafika nepodarí načítať, vzhľad bude nefunkčný a v niektorých prípadoch to môže zhoršiť dojem používateľa na danom webe. „Tisíc slov“, ktoré rozbitý obrázok pošle, určite nie sú pozitívne!
1. Nesprávne cesty k súborom
Keď na web pridáte obrázky HTML alebo CSS súbor, 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á hľadať a načítať obrázok. Vo väčšine prípadov by to bolo vo vnútri priečinka s názvom snímky. Ak je cesta k tomuto priečinku a súbory v ňom nesprávne, obrázky sa nebudú načítavať správne, pretože prehliadač nebude schopný načítať správne súbory. Bude sa riadiť cestou, ktorú ste mu povedali, ale dostane sa do slepej uličky a namiesto zobrazenia príslušného obrázka bude prázdna.
2. Mená súborov sú nesprávne napísané
Ako skúmate cesty k súborom pre svoje súbory skontrolujte, či ste správne napísali názov obrázka. Nesprávne mená alebo pravopisné chyby sú najbežnejšou príčinou problémov so načítaním obrázkov.
3. Nesprávne prípony súborov
V niektorých prípadoch môže byť názov súboru napísaný správne, ale prípona súboru môže byť nesprávna. Ak je váš obrázok a súbor .jpg, ale váš HTML hľadá .png, vyskytne sa problém. Pre každý obrázok použite správny typ súboru a potom odkazujte na to isté rozšírenie v kóde svojho webu.
Dajte pozor aj na rozlišovanie malých a veľkých písmen. Ak váš súbor končí na .JPG, všetky písmená majú veľké písmená, ale váš kód odkazuje na .jpg, všetko malé písmená, určité webové servery považujú tieto dva servery za odlišné, aj keď sú rovnaké písmená. Počítajú sa veľké a malé písmená.
Osvedčeným postupom je vždy ukladať súbory s malými písmenami. To nám umožňuje v našom kóde vždy používať malé písmená, čo eliminuje jeden možný problém, ktorý by sme mohli mať s našimi obrazovými súbormi.
4. Chýbajúce súbory
Ak sú cesty k súborom s obrázkami správne, potom názov a rozšírenie súboru sú tiež bezchybné, skontrolujte, či boli súbory nahrané na webový server. Zanedbanie nahrávania súborov na tento server pri spustení webu je častou chybou, ktorú je ľahké prehliadnuť.
Nahrajte tieto obrázky, obnovte svoju webovú stránku a mala by okamžite zobraziť súbory podľa očakávania. Môžete tiež vyskúšať odstrániť obrázok na serveri a znova ho nahrať. Súbory sa niekedy poškodia počas prenosu (napr. Skôr textom ako binárnym prenosom počas FTP), takže niekedy pomôže táto metóda „vymazať a nahradiť“.
5. Webová stránka hostujúca obrázky je nefunkčná
Za normálnych okolností budete hostovať obrázky, ktoré vaše stránky používajú, sami server, ale v niektorých prípadoch možno používate obrázky, ktoré sú hostené inde. Ak dôjde k zlyhaniu tohto webu, ktorý hostuje obrázok, nebudú sa načítať ani vaše obrázky.
6. Problémy s prenosom
Či už je obrazový súbor načítaný z externej domény alebo z vašej vlastnej domény, vždy existuje šanca, že pri jeho prvom vyhľadávaní v prehliadači môže dôjsť k problému s prenosom tohto súboru. Tento problém by nemal byť bežným javom (ak je, možno budete musieť vyhľadať nového poskytovateľa hostingu), ale môže sa to občas vyskytnúť.
Bežným dôvodom tohto problému je to, že server je preťažený a nemôže vypršať všetky aktíva stránky dostatočne rýchlo pred vypršaním časového limitu požiadavky. Tento problém uvidíte častejšie s lacno poskytovanými virtuálnymi webovými servermi, ktoré sa snažia zvládnuť komplikovanejšie stránky náročné na skripty. Ak sa tento problém vyskytuje často, zvážte rozšírenie schopností servera alebo nájdite nového hostiteľa.
7. Problémy s databázou
Moderné dynamické webové aplikácie, ako napríklad WordPress, sa spoliehajú na databázu, ktorá ukladá informácie o všetkom na webe vrátane obrázkov. Ak sa na vašom webe nedarí načítať obrázky, je pravdepodobné, že v databáze došlo k problému.
Existuje mnoho spôsobov, ako sa môžu vyskytnúť problémy s databázou. Vaša aplikácia nemusí byť dokonca pripojená k databáze, pretože je na inom serveri nefunkčná alebo nedosiahnuteľná. Je možné, že sa niečo poškodilo v samotnej databáze alebo sa zmenili informácie o vašom používateľovi databázy a odhlásili vás. Dokonca aj jednoduché zmeny nastavení môžu vyvolať neželané následky, ktoré buď zmenia databázu, alebo ju urobia nedostupnou. Skontrolujte protokoly servera a zistite, či nie je vinníkom databáza.
Niekoľko záverečných poznámok
Zvážte správne použitie značiek ALT a rýchlosť a celkový výkon vášho webu.
Značky ALT alebo „alternatívny text“ sú to, čo sa zobrazí prehliadaču, ak sa obrázok nepodarí 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ý vložený obrázok na vašom webe by mal mať príslušnú značku ALT. Obrázky použité pomocou CSS tento atribút neponúkajú.