Favicon: Porovnání verzí

Aktuální verze z 11. 7. 2013, 20:41

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ů.