Favicon ikonka webu

Ikonka webu – favicon se zobrazuje jako obrázek vedle URL adresy v adresním řádku, v tabu prohlížeče nebo v oblíbených položkách (bookmarks). Vypadat to může třeba takto:

Ikonka webu www.webtvorba.cz

Jak ikonku vyrobit?

Ikonka je vpodstatě normální obrázek, příponu má většinou .ico. Velikost je obvykle 16 × 16 pixelů. Stačí tedy vytvořit jakýkoliv obrázek, který chcete mít jako ikonku o této velikosti a uložit s příponou ico. Pokud nemáte grafický editor s podporou formátu ikonek, stačí uložit obrázek jako GIF a pak ho normálně přejmenovat se správnou příponou.

Kam ikonku uložit?

Vpodstatě je jedno, kam ikonku uložíte a jak jí nazvete, stačí k ní jen zadat správnou cestu. Pokud ale ikonku nazvete favicon.ico a uložíte ji přímo do rootu webu, tzn. aby byla na adrese www.vasweb.cz/favicon.ico, nemusíte k ikonce vůbec cestu určovat, prohlížeč si ji najde sám – ikonka se tak zobrazuje na jakékoliv URL adrese na vaší doméně, tedy i na chybových stránkách apod.

Vložení ikonky do stránky

Odkaz na ikonku se vkládá podobně jako externí styly či skripty – do hlavičky stránky, tagem:

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />