Favicon je zkratkou pro Favorite Icon a jedná se o malý obrázek, který zobrazují internetové prohlížeče vedle adresního řádku. Tato ikonka se také objevuje u seznamu bookmarks. Podílí se nejen na snadnější identifikaci webu v různých seznamech ale také na brandingu.
Historie
Podpora Favicon se poprvé objevila roku 1999 v prohlížeči Internet Explorer 5 od Microsoft. Ten hledal soubor favicon.ico v root adresáři webu.
Mezi standardy W3C se zařadil favicon do HTML 4.01 v prosinci 1999 a do XHTML 1.0 v lednu 2000. Díky tomu už bylo možné umístit favicon i mimo root adresář webu.
V roce 2003 byl formát ICO registrován IANA pod MIME type image/vnd.microsoft.icon. Což paradoxně vedlo k tomu, že Internet Explorer nedokázal MIME type správně interpretovat a musela se použít oklika tím, že se .ico přiřadilo k nestandardním image/x-icon na webových serverech.
V roce 2010 na základě RFC 5988 IANA přidala favicon do elementu link.
Použití
Zatímco většina internetových prohlížečů podporuje formáty PNG, GIF (dokonce animované) a JPEG, Internet Explorer ne. Pokud tedy chcete mít jistotu, že vám favicon bude fungovat ve všech prohlížečích musíte obrázek zkonvertovat do formátu ICO.
V podstatě jsou dva bezproblémové způsoby jak rozchodit favicon. Jeden je nahrát jej do root adresáře a druhy využít tag link následovně:
<link rel="shortcut icon" href="http://example.com/myicon.ico" />
Podporované velikosti obrázku jsou 16x16, 32x32, 48x48 anebo 64x64 pixelů. Ideální je použití palety 256 barev.
Použití u mobilních zařízení
Operační systémy iOS od Apple a některé mobilní zařízeních s Android favicon podporují. Ovšem vyžadují speciální atribut v elementu link.
<link rel="apple-touch-icon" href="somepath/image.png" />
a
<link rel="apple-touch-icon-precomposed" href="somepath/image.png" />
Doporučená velikost pro iPhone je 57x57 pixelů. IPhone 4 zvládá 114x114.
IPad a iPad 2 zvládají 72x72, třetí generace pak 144x144 pixelů.
