následující tabulky ilustrují podporu různých funkcí s hlavními webovými prohlížeči. Pokud není uvedeno, čísla verzí označují počáteční číslo verze podporované funkce.

formát souboru supportEdit

následující tabulka ilustruje podporu formátu obrazového souboru pro favicon.

  1. ^ Safari, od verze 12.0, podporuje single-color SVG favicony v některých případech v non-standardní mask-icon formát.,

navíc takové soubory ikon mohou být 16×16, 32×32, 48×48, nebo 64×64 pixelů a 8bitová, 24bitová nebo 32bitová barevná hloubka. Článek ve formátu souboru ICO vysvětluje podrobnosti o ikonách s více než 256 barvami na různých platformách Microsoft Windows.

použití faviconEdit

tato tabulka ilustruje různé oblasti prohlížeče, kde lze zobrazit favicony.

Opera Software přidal možnost změnit favicon v rychlé volbě v opeře 10.,

jak používatedit

tato tabulka ukazuje různé způsoby, jak může být favicon rozpoznán webovým prohlížečem. Standardní implementace používá prvek odkazu s atributem rel v sekci <head> pro zadání formátu, názvu a umístění souborů.

  1. ^ Firefox přijímá pouze favicon.ico na stránkách root bez <link> tag, pokud nastavení browser.chrome.site_icons je nastavena na true about:config., Výchozí hodnota je true. Pokud je nastavena na false, Jsou tyto favicony ignorovány.
  2. ^ Opera zatížení /favicon.ico pouze, pokud Multimedia/Always load favicon opera:config je nastavena na 1. Další podrobnosti naleznete na stránce podpory Opery.

pokud jsou k dispozici odkazy pro PNG i ICO favicony, prohlížeče kompatibilní s PNG-favicon vybírají, který formát a velikost použít následujícím způsobem. Firefox a Safari budou používat favicon, který je poslední., Chrome pro Mac bude používat podle toho, co favicon je ICO formátovaný, jinak 32×32 favicon. Chrome pro Windows použije favicon, který je na prvním místě, pokud je 16×16, jinak ICO. Pokud žádná z výše uvedených možností není k dispozici, budou oba Chromes používat podle toho, co favicon je na prvním místě, přesně naopak Firefox a Safari. Chrome pro Mac ve skutečnosti ignoruje favicon 16×16 a použije verzi 32×32, pouze ji zmenší zpět na 16×16 na zařízeních bez sítnice. Opera si vybere libovolnou z dostupných ikon zcela náhodně.,

pouze SeaMonkey nenačtefavicon.ico soubory v kořenovém adresáři webu ve výchozím nastavení.

podpora Zařízeníedit

tato část musí být aktualizována. Aktualizujte prosím tento článek tak, aby odrážel nedávné události nebo nově dostupné informace. (Březen 2018)

Pro zařízení Apple s operačním systémem iOS verze 1.1.3 nebo novější, stejně jako některé zařízení se systémem Android, je možné poskytnout vlastní ikonu, která uživatelé mohou zobrazovat na jejich domovské obrazovky pomocí Přidat na Domovskou Obrazovku, tlačítko v podílu listu v Safari., Tato funkce je povolena dodáním <link rel="apple-touch-icon" ...> v sekci <head> dokumentů obsluhovaných webem. Pokud Vlastní ikona není k dispozici, na domovskou obrazovku bude místo toho umístěna miniatura webové stránky.

doporučená základní velikost této ikony je 152×152 Pixelů.

pro iPad je základní velikost 180×180 Pixelů. Tablety Android preferují ikonu 192×192 PNG.

soubor ikon odkazovaný apple-touch-icon je upraven tak, aby přidal zaoblené rohy., Na iOS verzích před iOS 7, vržený stín, a reflexní lesk by být přidány, a apple-touch-icon-precomposed ikona může být poskytnuta na pokyn zařízení, nevztahuje reflexní lesk na obrázku.

se zaoblenými rohy, přidané iOS

<link rel="apple-touch-icon" href="https://example.com/image.png">

prohlížeče ani mobilní zařízení nevyžadují žádné HTML pro načtení těchto ikon. Kořen webu je výchozí umístění souboru apple-touch-icon.png (v pořadí podle priority).,

HTML5 doporučení pro ikony ve více sizesEdit

aktuální HTML5 specifikaci doporučuje zadání více velikostí pro ikony, pomocí atributů rel="icon" sizes="space-separated list of icon dimensions" do <link> tag. Více formátů ikon, včetně formátů kontejnerů, jako je Microsoft .ico a Macintosh .icns soubory, stejně jako Škálovatelné Vektorové Grafiky, mohou být poskytnuty, včetně ikony typu obsahu ve formátu type="file content-type" v <link> tag.,

od iOS 5 mobilní zařízení Apple ignorují doporučení HTML5 a místo toho používají proprietární metodu apple-touch-icon podrobně popsanou výše. Webový prohlížeč Google Chrome však vybere nejbližší odpovídající velikost od těch, které jsou uvedeny v záhlaví HTML, a vytvoří ikony aplikací 128×128 pixelů, když uživatel zvolí zástupce vytvořit aplikaci… z nabídky „Nástroje“.

Animované faviconsEdit

Různé prohlížeče, jako je Chrome, Firefox a Opera podporují animaci favicony., Zpráva o chybě byla pro Firefox otevřena od roku 2001 a požadovala způsob, jak tuto funkci deaktivovat.