Favicon – vytvořte si ikonu webové stránky

Ikonka webové stránky, neboli favicon, je vlastně běžný soubor typu ICO, tedy klasická ikonka. V řadě návodů je doporučován formát o rozměrech 16 × 16. Ten bohatě stačí, většina prohlížečů totiž větší formát ikonky stránek ani nezobrazuje. Použít můžete také formát ikony, kde je uloženo více obrázků, a sice již zmíněný 16 × 16 × 16 barev a 32 × 32 × 256 barev.

Vytvoření takovéto ikonky není nic složitého. Stačí si připravit nějaký obrázek, který v potřebných rozměrech uložíte do souboru ICO. Podporují jej některé grafické editory, použít můžete například i prohlížeč obrázků IrfanView. Pokud váš oblíbený program soubory ICO nepodporuje, využijte online služby FavIcon from Pics, kterou na svých stránkách nabízí Chami.com, výrobce známého HTML editoru HTML-Kit.

Ikonku pro webovou stránku si můžete nechat vytvořit online

Do formuláře jednoduše vložíte obrázek z disku, stiskem tlačítka jej přetvoříte na ikonku. Služba vám poté nabídne náhled na výsledek a možnost stažení souboru. V archivu ZIP najdete nejenom klasickou ikonku, ale také její průhlednou podobu. To je dobré vědět, jelikož náhled na stránce průhlednou verzi neukazuje, ať se snažíte sebevíc.

Je velice důležité, aby soubor s ikonkou byl pojmenován jako favicon.ico. Tento soubor byste následně měli umístit do kořenového adresáře vaší webové prezentace. Existuje několik dalších způsobů, jak favicon.ico použít, například pomocí kaskádových stylů, umístění do kořene webu však funguje naprosto spolehlivě. Tuto metodu doporučuji provozovatelům systému Drupal, které neustále trápí hlášení o nenalezeném souboru favicon.ico.

Pokud si chcete pohrát s kaskádovými styly a případně vyzkoušet změnu ikonky pro jednotlivé stránky na vašem webu, pak použijte následující zápis:

<link rel="shortcut icon" href="ikonka.ico"> pro prohlížeče Internet Explorer

<link href="favicon.png" rel="icon" type="image/png" /> pro prohlížeče s jádrem Mozilla (Firefox a spol.)