Favicon HTML | Tutoriály

#1 Favicon

Favicon, „favorite icon“ nebo ikona stránky, je obrázek, který se zobrazuje na liště prohlížeče a na záložce v oblíbených stránkách.

Umístění na stránku

Pro přidání favicon ikony na stránku, je potřeba si uložit obrázek, který chceme použít do složky s webem. Nejčastější jméno je "favicon.ico", avšak název si můžete změnit jak potřebujete.

Poznámka: Přípona .ico je nejdoporučovanější, podporuje ji většina prohlížečů a někdy ji není ani potřeba propojovat v stránce. Další povolené formáty se nacházejí níže.

Dále se ikona propojí pomocí prvku <link> v hlavičce stránky.

<head>

 <link rel="icon" href="img/favicon.ico">

 <title>Název stránky</title>

</head>

Tip: Jelikož se jedná o malou ikonu, doporučuje se používat obrázek s velkým kontrastem, aby bylo jasné, co se na obrázku nachází.

Podporované formáty

Mezi nejpoužívanější se řadí .ico a .png, avšak použít lze také obrázky s příponami .gif, .jpeg nebo i vektorový obrázek .svg.

Poznámka: Před použitím jiného formátu je lepší si ověřit jeho funkčnost pro prohlížeče, na kterých funguje a na kterých ne.