Zobrazení ikony v adresovém řádku prohlížeče

15.12.2006 - PaedDr. Petr Pexa Počet zobrazení: 2989  

Zlepšete použitelnost stránek aplikací ikon do adresového řádku prohlížeče. Nemusí se jednat pouze o kosmetický efekt. Jejich aplikací můžete zlepšit orientaci ve větším množství otevřených adres.

Prohlížeče umožňují otevírat okna tzv. karet nebo záložek. Orientace ve větším množství takto otevřených adres může být obtížná. K zlepšení orientace určitě mohou přispět přiložené ikony společně s vhodným titulkem stránky.

Pokud chcete mít v adresovém řádku prohlížeče vedle adresy své stránky zobrazený obrázek či logo, je nutné do tagů < head>< /head> vložit tento příkazový řádek:

Tato ikona se pak také zobrazuje v seznamu Oblíbených položek (Explorer) resp. Záložek (Firefox, Opera) místo loga implicitně nastaveného, např. v Exploreru 6.

Ukázka zobrazení ikony v adrese a na kartě

Obrázek favicon.ico o velikosti 16x16px vytvoříte v libovolném grafickém programu, uložíte pod názvem favicon.bmp, přejmenujete příponu na ico a umístíte do kořenového adresáře webu.

Nejednotnost prohlížečů

Výše uvedený způsob je nejjednodušší, který bez problémů funguje v Opeře a Firefoxu, v Exploreru 6 ovšem jen tehdy, když je stránka s touto ikonou předem zařazena do Oblíbených položek! Po přidání stránky do bookmarků, ale musíte buď Explorer ještě restartovat, nebo stránku v Oblíbených odkliknout, jinak se ikona neobjeví, pouhá aktualizace webu ikonu v adrese nezobrazí.

Jenže ani tento postup někdy nestačí, takto korektně funguje třeba ikona na Seznam.cz nebo Atlas.cz, ale už ne třeba ikona na jinak skvělém webu Interval.cz.

Pokud chcete přece jenom Explorer 6 přesvědčit k zobrazení, ikona musí být ještě navíc v 8-bit grafice (max. 256 barvách, nejlépe s průhledným pozadím) a především vyexportována ve formátu ICO (tento formát podporuje např. Adobe Photoshop nebo Corel PhotoPaint).

V Exploreru 7 je patrný lehký posun v podpoře ikon. Správně vytvořené a uložené ikony se zobrazují bez nutnosti přidání stránky do bookmarků, ale ty méně správné (viz např. na Interval.cz) až po přidání stránky do Oblíbených položek.

Další menší problém může nastat ve Firefoxu . Pokud ikonu změníte, Firefox si stále "pamatuje" tu původní. Ukládá jí totiž do lokální diskové cache, takže je třeba cache vymazat. V Opeře 9 stačí stránku aktualizovat a ikona se sama ihned změní, ve starší "sedmičce" je ale stejný problém jako ve Firefoxu.

Můžete také zkusit použít i jiné grafické formáty (gif, png), ale ty prozatím fungují jen v prohlížeči Firefox, zde lze použít dokonce i animované gify! Jak je tedy nakonec jednoduché problém s nekomprimovanými bmp-ico ikonami v Exploreru 6 pochopit.

Syntaxe elementu

Zajímavostí je ještě jeden fakt a to, že když v Exploreru 6 stránku s ikonou z bookmarků odstraníte, pamatuje si její ikonu Explorer stále, dokonce i když vymažete diskovou cache. Co je příčinou? Těžko říct. Prý ale cca za měsíc ikona sama zmizí, tak to můžete otestovat.