seuraavat taulukot havainnollistavat erilaisten ominaisuuksien tukemista suurilla verkkoselaimilla. Ellei toisin mainita, versionumerot ilmaisevat tuetun ominaisuuden aloitusnumeron.

tiedostomuoto supportEdit

seuraava taulukko havainnollistaa kuvan tiedostomuodon tuki favicon.

  1. ^ Safari, koska versio 12.0, tukee yhden-väri SVG favicons joissakin tapauksissa ei-standardi mask-icon muotoile.,

Lisäksi, kuten kuvake tiedostoja voi olla 16×16, 32×32, 48×48, tai 64×64 pikseliä kooltaan, ja 8-bittinen, 24-bittinen tai 32-bit värin syvyys. ICO-tiedostomuodon artikkelissa selitetään eri Microsoft Windows-alustoilla olevien yli 256 väristen kuvakkeiden yksityiskohdat.

faviconeditin käyttö

Tämä taulukko kuvaa selaimen eri alueita, joilla faviconeja voi näyttää.

Opera Software lisätty kyky muuttaa favicon Speed Dial Opera 10.,

Miten useEdit

Tämä taulukko esittää eri tavoin favicon voi olla tunnustettu web-selain. Standardin täytäntöönpanoa käyttää link-elementti rel ominaisuus <head> osa asiakirjan määrittää tiedostot, muoto, nimi ja sijainti.

  1. ^ Firefox hyväksyy vain favicon.ico sivuston root ilman <link> – tagin jos asetus browser.chrome.site_icons on asetettu true vuonna about:config., Oletusarvo on true. Jos asetetaan false, nämä favikonit jätetään huomiotta.
  2. ^ Opera kuormia /favicon.ico vain jos Multimedia/Always load favicon vaihtoehto opera:config on asetettu 1. Katso lisätietoja oopperan tukisivulta.

Jos linkkejä sekä PNG-ja ICO-favicons ovat läsnä, PNG-favicon-yhteensopiva selaimet valitse, mikä muoto ja koko käyttää seuraavasti. Firefox ja Safari käyttävät viimeisenä tulevaa faviconia., Chrome for Mac käyttää kumpi favicon on ICO alustettu, muuten 32×32 favicon. Chrome for Windows käyttää favicon, joka tulee ensin, jos se on 16×16, muuten ICO. Jos mikään edellä mainitut vaihtoehdot ovat käytettävissä, sekä Kromeja käyttää kumpi favicon tulee ensin, täsmälleen päinvastainen Firefox ja Safari. Todellakin, Chrome for Mac ohittaa 16×16 favicon ja käyttää 32×32 versio, vain mittakaavassa takaisin alas 16×16 ei-verkkokalvo laitteita. Opera valitsee mistä tahansa käytettävissä olevista kuvakkeista täysin sattumanvaraisesti.,

vain SeaMonkey ei nouda favicon.ico tiedostoja sivuston juuressa oletuksena.

Laitteen supportEdit

Tämä kohta on päivitettävä. Päivitä tämä artikkeli vastaamaan viimeaikaisia tapahtumia tai uusia tietoja. (Maaliskuu 2018)

Applen laitteille iOS-käyttöjärjestelmän versio 1.1.3 tai uudempi, sekä joitakin Android-laitteisiin, se on mahdollista tarjota mukautetun kuvakkeen, että käyttäjät voivat näyttää niiden kotiin näytöt käyttämällä Lisää Koti-Screen-painiketta sisällä jakaa arkin Safari., Tämä ominaisuus on käytössä toimittamalla <link rel="apple-touch-icon" ...> <head> osassa asiakirjoja palvelee verkkosivuilla. Jos mukautettua kuvaketta ei anneta, etusivulle asetetaan sen sijaan verkkosivun näytekuva.

tämän kuvakkeen suositeltu peruskoko on 152×152 pikseliä.

iPadin peruskoko on 180×180 pikseliä. Android-tabletit suosivat 192×192 PNG-kuvaketta.

apple-touch-icon viitattu kuvaketiedosto on muokattu lisäämällä pyöristetyt kulmat., IOS ennen versiota iOS 7, varjon, ja heijastava kiiltoa olisi lisätty, ja apple-touch-icon-precomposed kuvake voidaan antaa ohjeet laitteisiin ei sovelleta heijastava kiiltoa kuva.

pyöristetyt kulmat, lisätä iOS 

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

– Ei HTML edellytetään selaimia tai mobiililaitteita hakea nämä kuvakkeet, joko. Sivuston juuri on tiedoston oletuspaikka apple-touch-icon.png (prioriteettijärjestyksessä).,

HTML5 suositus kuvakkeet useita sizesEdit

nykyinen HTML5 erittely suosittelee, että määrität useita kokoja kuvakkeet, käyttämällä attribuutteja rel="icon" sizes="space-separated list of icon dimensions" sisällä <link> – tagin. Useita kuvakemuotoja, mukaan lukien kontti formaatteja, kuten Microsoft .ico ja Macintosh .icns-tiedostoja sekä skaalautuvaa vektorigrafiikkaa voidaan toimittaa sisällyttämällä kuvakkeen Sisältötyyppi formaattiin type="file content-type" <link> tag.,

Kuten iOS 5, Apple mobiililaitteisiin sivuuttaa HTML5-suositus ja sen sijaan käyttää omaa apple-touch-icon menetelmä edellä. Google Chrome web-selain, kuitenkin, valitse lähin vastaava koko niille esitetty HTML otsikot luoda 128×128 pikselin sovellus kuvakkeet, kun käyttäjä valitsee Luo sovellusten pikavalinnat… ”Työkalut” – valikosta.

Animated faviconsEdit

Eri selaimet, kuten Chrome, Firefox ja Opera tukevat animaatio favicons., Firefoxille on vuodesta 2001 lähtien ollut auki vikailmoitus, jossa pyydetään tapaa poistaa ominaisuus käytöstä.