Följande tabeller illustrerar stöd för olika funktioner med stora webbläsare. Om inte noterat anger versionsnumren startversionen för en funktion som stöds.

filformat supportEdit

Följande tabell illustrerar bildfilformatstödet för favicon.

  1. ^ Safari, sedan version 12.0, stöder enfärgade SVG-favicons i vissa fall i ett icke-standardformatmask-icon.,

dessutom kan sådana ikonfiler vara 16×16, 32×32, 48×48, eller 64×64 pixlar i storlek och 8-bitars, 24-bitars eller 32-bitars I färgdjup. ICO filformat artikeln förklarar detaljer för ikoner med mer än 256 färger på olika Microsoft Windows-plattformar.

användning av faviconEdit

denna tabell visar de olika områdena i webbläsaren där favicons kan visas.

Opera Software lade till möjligheten att ändra favicon i kortnumret i Opera 10.,

hur du använder

denna tabell visar de olika sätt som favicon kan kännas igen av webbläsaren. Standardimplementationen använder ett länkelement med ettrel – attribut i avsnittet<head> I dokumentet för att ange filformat, namn och plats.

  1. ^ Firefox accepterar endast favicon.ico I webbplatsens rot utan en <link> tagg om inställningen browser.chrome.site_icons är inställd på true I about:config., Standardvärdet är true. Om den är inställd på false ignoreras dessa faviconer.
  2. ^ Opera loads /favicon.ico endast om Multimedia/Always load favicon alternativet i opera:config är inställt på 1. Mer information finns på sidan Opera Support.

om länkar för både png och ICO favicons finns, väljer PNG-favicon-kompatibla webbläsare vilket format och storlek som ska användas enligt följande. Firefox och Safari kommer att använda favicon som kommer sist., Chrome för Mac kommer att använda vilken favicon som är ICO-formaterad, annars 32×32 favicon. Chrome för Windows kommer att använda favicon som kommer först om det är 16×16, annars ICO. Om inget av de ovan nämnda alternativen är tillgängliga, kommer båda Chromes att använda vilken favicon som kommer först, exakt motsatsen till Firefox och Safari. Faktum är att Chrome för Mac kommer att ignorera 16×16 favicon och använda 32×32-versionen, bara för att skala den tillbaka till 16×16 på icke-retina-enheter. Opera kommer att välja mellan någon av de tillgängliga ikonerna helt slumpmässigt.,

endast SeaMonkey hämtar intefavicon.ico filer i webbplatsens rot som standard.

device supportEdit

det här avsnittet måste uppdateras. Uppdatera den här artikeln för att återspegla de senaste händelserna eller ny tillgänglig information. (Mars 2018)

För Apple-enheter med iOS-operativsystemversionen 1.1.3 eller senare, liksom vissa Android-enheter, är det möjligt att tillhandahålla en anpassad ikon som användare kan visa på sina startskärmar genom att använda knappen Lägg till startskärmen i delningsbladet i Safari., Den här funktionen är aktiverad genom att tillhandahålla en<link rel="apple-touch-icon" ...> I avsnittet<head> av dokument som serveras av webbplatsen. Om den anpassade ikonen inte anges kommer en miniatyr av webbsidan att läggas på startskärmen istället.

den rekommenderade grundstorleken för denna ikon är 152×152 pixlar.

för iPad är grundstorleken 180×180 pixlar. Android tabletter föredrar en 192×192 PNG-ikonen.

ikonfilen som refereras avapple-touch-icon ändras för att lägga till rundade hörn., På iOS-versionerna före iOS 7 skulle en skugga och reflekterande glans läggas till, ochapple-touch-icon-precomposed – ikonen kan tillhandahållas för att instruera enheter att inte tillämpa reflekterande glans på bilden.

med rundade hörn, läggas till av iOS 

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

ingen HTML krävs av webbläsare eller mobila enheter för att hämta dessa ikoner, antingen. Webbplatsens rot är standardplatsen för filen apple-touch-icon.png (i prioritetsordning).,

HTML5-rekommendation för ikoner i flera storleksedit

den aktuella HTML5-specifikationen rekommenderar att du anger flera storlekar för ikonerna med attributenrel="icon" sizes="space-separated list of icon dimensions" inom en<link> – tagg. Flera ikonformat, inklusive containerformat som Microsoft .ICO och Macintosh .icns-filer, samt skalbar vektorgrafik kan tillhandahållas genom att inkludera ikonens innehållstyp i formatet type="file content-type" inom <link> – taggen.,

från och med iOS 5 ignorerar Apple mobila enheter HTML5-rekommendationen och använder istället den proprietäraapple-touch-icon – metoden som beskrivs ovan. Webbläsaren Google Chrome kommer dock att välja den närmaste matchande storleken från de som anges i HTML rubriker för att skapa 128 × 128 pixel programikoner, när användaren väljer Skapa programgenvägar… från menyn ”Verktyg”.

animerad faviconsEdit

olika webbläsare som Chrome, Firefox och Opera support animation av favicons., En felrapport har varit öppen för Firefox sedan 2001 begär ett sätt att inaktivera funktionen.