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.
- ^ 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ů.
- ^ Firefox přijímá pouze
favicon.ico
na stránkách root bez<link>
tag, pokud nastaveníbrowser.chrome.site_icons
je nastavena natrue
about:config
., Výchozí hodnota jetrue
. Pokud je nastavena nafalse
, Jsou tyto favicony ignorovány. - ^ Opera zatížení
/favicon.ico
pouze, pokudMultimedia/Always load favicon
opera:config
je nastavena na1
. 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
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.
Napsat komentář