az alábbi táblázatok a főbb böngészők különböző funkcióinak támogatását szemléltetik. Hacsak nem jelezzük, a verziószámok egy támogatott szolgáltatás kezdő verziószámát jelzik.

supportEdit

a következő táblázat a favicon képfájlformátum-támogatását mutatja be.

  1. ^ A Safari a 12.0 verzió óta támogatja az Egyszínű SVG faviconokat bizonyos esetekben nem szabványos mask-icon formátumban.,

ezenkívül az ilyen ikonfájlok lehetnek 16×16, 32×32, 48×48, vagy 64×64 pixel méretű, 8 bites, 24 bites vagy 32 bites színmélységgel. Az ICO fájlformátum cikk ismerteti a több mint 256 színű ikonok részleteit a különböző Microsoft Windows platformokon.

Faviconedit

használata ez a táblázat a böngésző különböző területeit szemlélteti, ahol a faviconok megjeleníthetők.

Az Opera Software hozzáadta a favicon megváltoztatásának képességét az Opera 10 Gyorshívójában.,

hogyan kell használnieedit

Ez a táblázat bemutatja a favicon felismerésének különböző módjait a webböngésző. A standard implementáció egy rel attribútummal rendelkező hivatkozási elemet használ a <head> fájlformátum, név és hely megadásához.

  1. ^ A Firefox csak a favicon.ico – t fogadja el a weboldal gyökérében a<link>címke, Ha a Beállításbrowser.chrome.site_iconstrueinabout:config., Az alapértelmezett érték true. Ha false értékre van állítva, ezek a faviconok figyelmen kívül maradnak.
  2. ^ Opera terhelés/favicon.ico csak akkor, ha Multimedia/Always load favicon opció opera:config1. További részletekért lásd az Opera támogatási oldalát.

ha mind a PNG, mind az ICO faviconok hivatkozásai jelen vannak, a PNG-favicon-kompatibilis böngészők az alábbiak szerint választják ki a használni kívánt formátumot és méretet. A Firefox és a Safari az utolsóként érkező favicont fogja használni., Chrome for Mac fogja használni bármelyik favicon ICO formázott, különben a 32×32 favicon. Chrome Windows fogja használni a favicon, hogy jön először, ha ez 16×16, különben az ICO. Ha a fent említett lehetőségek egyike sem áll rendelkezésre, mindkét Chromes azt használja, amelyik a favicon először jön, pontosan a Firefox és a Safari ellentéte. Valójában a Chrome for Mac figyelmen kívül hagyja a 16×16 favicont, és a 32×32-es verziót használja, csak a nem retina eszközökön 16×16-ra történő méretezéséhez. Az Opera a rendelkezésre álló ikonok közül teljesen véletlenszerűen választ.,

csak SeaMonkey nem hozza favicon.ico fájlok a honlap gyökér alapértelmezés szerint.

Device supportEdit

ezt a részt frissíteni kell. Kérjük, frissítse ezt a cikket, hogy tükrözze a legutóbbi eseményeket vagy az újonnan rendelkezésre álló információkat. (2018. március)

Az iOS operációs rendszer 1.1.3 vagy újabb verziójával rendelkező Apple eszközök, valamint néhány Android-eszköz esetében lehetőség van egy egyedi ikon megadására, amelyet a felhasználók a kezdőképernyőn megjeleníthetnek az Add to Home Screen gomb segítségével a Safari megosztási lapján., Ezt a funkciót a <link rel="apple-touch-icon" ...> <head> részben a weboldal által kiszolgált dokumentumok szolgáltatásával engedélyezzük. Ha az egyéni ikon nincs megadva, akkor a weboldal bélyegképe kerül a kezdőképernyőre.

az ikon ajánlott alapmérete 152×152 Pixel.

az iPad esetében az alapméret 180×180 Pixel. Az Android táblagépek inkább egy 192×192 PNG ikont preferálnak.

aapple-touch-icon által hivatkozott ikonfájl lekerekített sarkok hozzáadásához módosul., Az iOS 7 előtti iOS verziókban egy csepp árnyék és fényvisszaverő fény jelenik meg, és a apple-touch-icon-precomposed ikon arra utasíthatja az eszközöket, hogy ne alkalmazzanak fényvisszaverő fényt a képen.

lekerekített sarkokkal, az iOS által hozzáadott 

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

a böngészők vagy a mobil eszközök nem igényelnek HTML-t ezen ikonok letöltéséhez. A weboldal gyökere a apple-touch-icon.png fájl alapértelmezett helye (prioritási sorrendben).,

HTML5 ajánlás ikonok több sizesEdit

a jelenlegi HTML5 specifikáció azt javasolja, hogy adja meg több méretben az ikonok, attribútumok használatával rel="icon" sizes="space-separated list of icon dimensions" belül <link> tag. Több ikon formátum, beleértve a konténer formátumokat, például a Microsoftot .ico és Macintosh .az icns fájlok, valamint a skálázható vektorgrafikák az ikon tartalmi típusának type="file content-type" formátumban történő beillesztésével biztosíthatók a <link> címkén belül.,

az iOS 5-től kezdve az Apple mobile devices figyelmen kívül hagyja a HTML5 ajánlást, ehelyett a szabadalmaztatott apple-touch-icon módszert használja. A Google Chrome webböngésző azonban a HTML fejlécekben megadott megfelelő méretekből kiválasztja a legközelebbi megfelelő méretet, hogy 128×128 pixel alkalmazásikonokat hozzon létre, amikor a felhasználó az Alkalmazáshivatkozások létrehozását választja… az “Eszközök” menüből.

animált faviconsEdit

különböző böngészők, például a Chrome, a Firefox és az Opera támogatja a faviconok animációját., A hibajelentés 2001 óta nyitva áll a Firefox számára, kérve a funkció letiltásának módját.