Zjistěte, proč se obrázky nezobrazují na vašem webu a jak je opravit
Stará slova říká, že "obrázek stojí za tisíc slov." To platí zejména na webu, kde pozornost je mimořádně krátká, takže správný obrázek může skutečně udělat nebo zlomit stránky tím, že přiláká správnou pozornost a přitahuje návštěvníky stránek dost dlouho, aby se naučili, co potřebují k tomu, akce, která signalizuje "výhru" místa. Ano, pokud jde o webové stránky, obrazy mohou skutečně stát za více než tisíc slov!
Takže s důrazem na to, jak jsou vytvořeny on-line obrazy, uvažujme, jaká je vaše webová stránka, která říká, zda se nezobrazí obrázek, který se má na webu objevit? To se může stát, ať už máte vložené obrázky, které jsou součástí obrázků HTML nebo pozadí aplikovaných s CSS (a vaše stránky pravděpodobně oba tyto). Spodní čára je, že když se na stránce nenachází grafika, vypadá to, že vypadá jako vzhled a v některých případech může zcela zničit uživatelskou zkušenost na daném webu. "Tisíc slov", které obraz odesílá, určitě nejsou pozitivní!
Podívejme se na některé běžné důvody, proč se obrázky na webu nezavedou, stejně jako na to, co byste měli vzít v úvahu při řešení tohoto problému během testování webových stránek .
Nesprávné cesty souborů
Když přidáte obrázky do souboru HTML nebo CSS webu, musíte vytvořit cestu k umístění ve struktuře adresářů, kde jsou tyto soubory umístěny. Jedná se o kód, který informuje prohlížeč, kde hledat a načíst obrázek. Ve většině případů by to bylo uvnitř složky s názvem "obrázky". Pokud cesta k této složce a soubory uvnitř je nesprávná, obrázky se nespustí správně, protože prohlížeč nebude moci načíst správné soubory. Bude se řídit cestou, kterou jste mu řekli, ale zasáhne konec a místo toho, aby zobrazil příslušný obrázek, bude prázdný.
Krok 1 v ladicích problémech s načítáním obrazu je zajistit, aby cesta k souboru, která jste kódovali, byla správná. Možná jste zadali nesprávný adresář nebo správně neuvedli cestu k tomuto adresáři. Pokud tomu tak není, můžete mít s touto cestou další problém. Číst dál!
Názvy souborů jsou chybně zadány
Když prozkoumáte cesty souborů souborů, ujistěte se také, že jste správně napsali název obrázku. Podle našich zkušeností jsou nejčastější příčinou problémů s načítáním obrázků nesprávná jména nebo nesprávná pravopisná slova. Nezapomeňte, že webové prohlížeče jsou velmi nepřekonatelné, pokud jde o názvy souborů. Pokud omylem zapomenete nějaký dopis nebo použijete špatné písmeno, prohlížeč nebude hledat podobný soubor a řekne: "Ach, pravděpodobně jste to chtěl říct, ne?" Ne - pokud je soubor napsán špatně, i když je blízko, nebude na stránce načten.
Chybné rozšíření souboru
V některých případech může být název souboru správně napsán, ale přípona souboru může být nesprávná. Pokud je váš obrázek soubor JPG , ale vaše HTML hledá .png, bude problém. Ujistěte se, že pro každý snímek používáte správný typ souboru a poté se ujistěte, že jste v kódu vašeho webu volali stejné rozšíření.
Také hledat citlivost případu. Pokud váš soubor končí písmenem .JPG, s písmeny vše v čepicích, ale vaše kódové odkazy .jpg, všechny malé, existují určité webové servery, které uvidí, že tyto dva jsou jiné, i když jsou to stejné soubory písmen. Citlivost případu se počítá! To je důvod, proč vždy soubory ukládáme všemi malými písmeny. Díky tomu nám umožňuje vždy používat malá písmena v našem kódu, čímž eliminujeme jeden možný problém, který bychom mohli mít s našimi obrazovými soubory.
Soubory chybí
Pokud jsou cesty k obrázkům správné a jména a přípona souboru jsou také bezchybné, další položkou, kterou chcete zkontrolovat, je ujistit se, zda byly soubory skutečně 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.
Jak vyřešíte tento problém? Nahrajte tyto obrázky, obnovte webovou stránku a okamžitě je zobrazte podle očekávání. Můžete také zkusit odstranit obrázek na serveru a znovu jej nahrát. Může se to zdát divné, ale tuto práci jsme viděli víc než jednou. Někdy se soubory poškodí, takže tato metoda "odstranit a nahradit" může nakonec pomoci.
Webová stránka hosting obrazů je dolů
Obvykle budete chtít hostit všechny obrázky, které váš web používá na vašem vlastním serveru, ale v některých případech můžete používat obrázky, které jsou hostitelem jinde. Pokud toto místo hostující obrázek klesne, nebudou vaše obrázky také načíst.
Problém s přenosem
Ať už je obrazový soubor načten z externí domény nebo z vašeho vlastního, existuje vždy šance, že může dojít k problému přenosu tohoto souboru, když je prohlížeč poprvé požádá. To by nemělo být častým výskytem (pokud ano, možná budete muset hledat nový poskytovatel hostingu ), ale může se to stát čas od času.
Nešťastná stránka tohoto problému spočívá v tom, že s tím nemůžete nic dělat, protože to je problém mimo vaši kontrolu. Dobrou zprávou je, že jde o dočasný problém, který se často velmi rychle vyřeší. Například, když někdo vidí rozbitou stránku a aktualizuje ji, sama o sobě často problém vyřeší a správně načte obrázky. Pokud vidíte poškozený obrázek, obnovte prohlížeč, abyste zjistili, zda to byl jen problém přenosu na původní žádost.
Několik konečných poznámek
Když přemýšlíte o obrázcích a nakládání s obavami, dvěma věcmi, které je třeba mít na paměti, jsou správné používání značek ALT a vašeho webu rychlosti a celkového výkonu.
ALT nebo alternativní text jsou značky, které prohlížeč zobrazuje, pokud se obraz nezdaří. Jsou také důležitou složkou při vytváření dostupných webových stránek, které mohou používat lidé s určitým postižením. Každý obrázek ve vašem webu by měl mít příslušnou značku ALT. Všimněte si, že obrázky používané s CSS nemají tento atribut.
Co se týče výkonu webových stránek, načítání příliš mnoha obrázků nebo dokonce jen několika obří obrazů, které nejsou řádně optimalizovány pro webovou distribuci , bude mít negativní dopad na rychlost načítání. Z tohoto důvodu nezapomeňte zkontrolovat dopad všech obrázků, které používáte ve vašem designu webu, a proveďte veškerá opatření, která jsou nezbytná ke zlepšení výkonnosti daného webu a přitom stále vytváříte celkový vzhled a pocit, který je vhodný pro váš projekt webových stránek.