Staré rčení říká, že „obrázek má hodnotu tisíce slov.“ Tento slogan září na webu, kde se rozpíná pozornost jsou notoricky krátké - správný obrázek může vytvořit nebo rozbít web tím, že přiláká správnou pozornost a zaujme stránku návštěvníků.
Když se však obrázek nenačte, způsobí to, že návrh bude vypadat nefunkčně, a v některých případech může zhoršit dojem uživatele na tomto webu. „Tisíc slov“, které rozbitý obrázek pošle, rozhodně nejsou pozitivní!
1. Nesprávné cesty k souboru
Když přidáváte obrázky na stránky HTML nebo CSS soubor, musíte vytvořit cestu k umístění ve vaší adresářové struktuře, kde se tyto soubory nacházejí. Toto je kód, který prohlížeči říká, odkud má obrázek hledat a načíst. Ve většině případů by to bylo uvnitř složky s názvem snímky. Pokud je cesta k této složce a souborům v ní nesprávná, obrázky se nenačtou správně, protože prohlížeč nebude schopen načíst správné soubory. Bude sledovat cestu, kterou jste mu řekli, ale zasáhne slepou uličku a namísto zobrazení příslušného obrázku se objeví prázdné.
2. Názvy souborů chybně napsané
Jak zkoumáte cesty k souborům u svých souborů ověřte, zda jste správně zadali název obrázku. Nesprávné názvy nebo překlepy jsou nejčastější příčinou problémů s načítáním obrázků.
3. Chybné přípony souborů
V některých případech můžete mít název souboru napsán správně, ale přípona souboru může být nesprávná. Pokud je váš obrázek a soubor .jpg, ale váš HTML hledá soubor .png, bude problém. Pro každý obrázek použijte správný typ souboru a poté v kódu svého webu uveďte stejné rozšíření.
Hledejte také citlivost na velká a malá písmena. Pokud váš soubor končí na .JPG, velká písmena mají velká písmena, ale váš kód odkazuje na .jpg, vše malá písmena, určité webové servery považují tyto dva za odlišné, i když se jedná o stejné sady písmena. Počítá se velikost písmen.
Osvědčeným postupem je vždy ukládat soubory malými písmeny. To nám umožňuje v našem kódu vždy používat malá písmena, což eliminuje jeden možný problém, který bychom mohli mít s našimi obrazovými soubory.
4. Chybějící soubory
Pokud jsou cesty k obrázkovým souborům správné a název a přípona souboru jsou také bezchybné, zkontrolujte, zda byly soubory nahrány na webový server. Zanedbání nahrávání souborů na tento server při spuštění webu je běžná chyba, kterou lze snadno přehlédnout.
Nahrajte tyto obrázky, obnovte webovou stránku a měla by okamžitě zobrazit soubory podle očekávání. Můžete také zkusit odstranit obrázek na serveru a znovu jej nahrát. Někdy se soubory během přenosu poškodí (např. Textem, nikoli binárním přenosem během FTP), takže tato metoda „smazat a nahradit“ někdy pomůže.
5. Web hostující obrázky je nefunkční
Za normálních okolností budete obrázky, které váš web používá, hostovat sami serveru, ale v některých případech možná používáte obrázky, které jsou hostovány jinde. Pokud web, který hostuje obrázek, selže, vaše obrázky se také nenačtou.
6. Problémy s přenosem
Ať už je obrazový soubor načten z externí domény nebo z vaší vlastní, vždy existuje šance, že může dojít k problému s přenosem pro tento soubor, když jej prohlížeč poprvé požaduje. Tento problém by neměl být běžným jevem (pokud ano, možná budete muset hledat nového poskytovatele hostingu), ale může k němu občas dojít.
Běžným důvodem této závady je to, že server je zahlcen a nedokáže dostatečně rychle zobrazit všechny prostředky stránky, než vyprší časový limit požadavku. Tento problém uvidíte častěji u levně zřízených virtuálních webových serverů, které se snaží zvládnout složitější weby náročné na skripty. Pokud k tomuto problému dochází často, zvažte upgrade možností serveru nebo vyhledejte nového hostitele.
7. Problémy s databází
Moderní dynamické webové aplikace, jako je WordPress, spoléhají na databázi, která ukládá informace o všem na webu, včetně obrázků. Pokud se na vašem webu nedaří načítat obrázky, existuje šance, že v databázi dochází k nějakému problému.
Existuje řada způsobů, jak se mohou vyskytnout problémy s databází. Vaše aplikace nemusí být k databázi ani připojena, protože je buď nefunkční, nebo nedosažitelná na jiném serveru. Možná se něco poškodilo v samotné databázi, nebo se změnily informace o uživateli databáze, což vás odhlásilo. Dokonce i jednoduché změny nastavení mohou vyvolat nezamýšlené důsledky, které buď pozmění databázi, nebo ji znepřístupní. Zkontrolujte protokoly serveru a zjistěte, zda může být viníkem databáze.
Několik závěrečných poznámek
Zvažte správné používání ALT tagů a rychlost a celkový výkon vašeho webu.
Značky ALT nebo „alternativní text“ jsou to, co se zobrazí v prohlížeči, pokud se obrázek nenačte. Jsou také důležitou součástí při vytváření přístupných webových stránek, které mohou používat lidé s určitým postižením. Každý vložený obrázek na vašem webu by měl mít příslušnou značku ALT. Obrázky aplikované pomocí CSS tento atribut nenabízejí.