de volgende tabellen illustreren de ondersteuning van verschillende functies met belangrijke webbrowsers. Tenzij aangegeven, geven de versienummers het startversienummer aan van een ondersteunde functie.

bestandsformaat supportEdit

de volgende tabel illustreert de ondersteuning van het bestandsformaat voor de favicon.

  1. ^ Safari, sinds versie 12.0, ondersteunt enkele kleuren SVG favicons in sommige gevallen in een niet-standaard mask-icon formaat.,

bovendien kunnen dergelijke pictogrambestanden 16×16, 32×32, 48×48, of 64×64 pixels in grootte, en 8-bits, 24-bits of 32-bits in kleurdiepte. Het ICO-bestandsformaat artikel legt de details voor pictogrammen met meer dan 256 kleuren op verschillende Microsoft Windows-platforms.

gebruik van faviconEdit

Deze tabel illustreert de verschillende gebieden van de browser waar favicons kunnen worden weergegeven.

Opera-Software heeft de mogelijkheid toegevoegd om de favicon in de Snelkiezer in Opera 10 te wijzigen.,

How to useEdit

Deze tabel illustreert de verschillende manieren waarop de favicon door de webbrowser kan worden herkend. De standaardimplementatie gebruikt een linkelement met een rel attribuut in de <head> sectie van het document om de bestandsindeling, naam en locatie te specificeren.

  1. ^ Firefox accepteert alleen favicon.ico in de root van de website zonder een <link> tag als de instelling browser.chrome.site_icons is ingesteld op true In about:config., De standaardwaarde is true. Indien ingesteld op false, worden deze favicons genegeerd.
  2. ^ Opera laadt /favicon.ico alleen als Multimedia/Always load favicon optie in opera:config is ingesteld op 1. Zie Opera Support pagina voor meer informatie.

als er koppelingen voor PNG en ICO favicons aanwezig zijn, selecteren PNG-favicon-compatibele browsers het formaat en de grootte als volgt. Firefox en Safari gebruiken de favicon die als laatste komt., Chrome voor Mac zal gebruiken welke favicon is ICO geformatteerd, anders de 32×32 favicon. Chrome Voor Windows zal gebruik maken van de favicon die eerst komt als het 16×16, anders de ICO. Als geen van de bovengenoemde opties beschikbaar zijn, beide Chromes zal gebruiken welke favicon eerst komt, precies het tegenovergestelde van Firefox en Safari. Inderdaad, Chrome voor Mac zal negeren de 16×16 favicon en gebruik maken van de 32×32 versie, alleen om het terug te schalen naar 16×16 op niet-retina-apparaten. Opera zal kiezen uit een van de beschikbare pictogrammen volledig willekeurig.,

alleen SeaMonkey haalt standaard niet favicon.ico bestanden op in de root van de website.

Device supportEdit

deze sectie moet worden bijgewerkt. Werk dit artikel Bij om recente gebeurtenissen of nieuw beschikbare informatie weer te geven. (Maart 2018)

voor Apple-apparaten met het iOS-besturingssysteem Versie 1.1.3 of hoger, evenals sommige Android-apparaten, is het mogelijk om een aangepast pictogram te bieden dat gebruikers op hun startscherm kunnen weergeven door gebruik te maken van de knop Toevoegen aan startscherm in het share sheet in Safari., Deze functie wordt ingeschakeld door het leveren van een <link rel="apple-touch-icon" ...> in de <head> sectie van documenten die door de website worden bediend. Als het aangepaste pictogram niet wordt verstrekt, zal een miniatuur van de webpagina in plaats daarvan op het startscherm worden geplaatst.

De aanbevolen basisgrootte voor dit pictogram is 152×152 pixels.

voor de iPad is de basisgrootte 180×180 pixels. Android tablets liever een 192×192 PNG-pictogram.

het pictogrambestand waarnaar wordt verwezen door apple-touch-icon wordt gewijzigd om afgeronde hoeken toe te voegen., Op de iOS-versies voorafgaand aan iOS 7 zou een slagschaduw en reflecterende glans worden toegevoegd, en apple-touch-icon-precomposed pictogram kan worden verstrekt om apparaten te instrueren geen reflecterende glans op de afbeelding toe te passen.

met afgeronde hoeken, toegevoegd door iOS

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

geen HTML is vereist door browsers of mobiele apparaten om deze pictogrammen op te halen. De root van de website is de standaardlocatie voor het bestand apple-touch-icon.png (in volgorde van prioriteit).,

HTML5 aanbeveling voor pictogrammen in meerdere groottendit

de huidige HTML5-specificatie beveelt aan om meerdere groottes voor de pictogrammen op te geven, met behulp van de attributen rel="icon" sizes="space-separated list of icon dimensions" binnen een <link> tag. Meerdere pictogramformaten, inclusief containerformaten zoals Microsoft .ico en Macintosh .icns-bestanden en schaalbare vectorafbeeldingen kunnen worden geleverd door het inhoudstype van het pictogram op te nemen in het formaat type="file content-type" binnen de tag <link>.,

vanaf iOS 5 negeren mobiele apparaten van Apple de HTML5-aanbeveling en gebruiken in plaats daarvan de eigen apple-touch-icon methode zoals hierboven beschreven. De Google Chrome-webbrowser selecteert echter de dichtstbijzijnde overeenkomende grootte uit de HTML-headers om 128×128 pixel toepassingspictogrammen te maken, wanneer de gebruiker de snelkoppelingen voor toepassingen maken kiest… vanuit het menu “Extra”.

Animated faviconsEdit

verschillende browsers zoals Chrome, Firefox en Opera ondersteunen animatie van favicons., Een bug rapport is geopend voor Firefox sinds 2001 het aanvragen van een manier om de functie uit te schakelen.