De følgende tabellene illustrerer støtte for ulike funksjoner med store nettleserne. Mindre kjent, versjon tallene tyder på start-versjonsnummeret til en støttet funksjon.
– format supportEdit
følgende tabell illustrerer image file format support for favicon.
- ^ Safari, siden versjon 12.0, støtter single-farge SVG favicons i noen tilfeller i en ikke-standard
mask-icon
format.,
i Tillegg, slik ikonet filer kan være 16×16, 32×32, 48×48, eller 64×64 punkter i størrelse, og 8-bit, 24-bits eller 32-biters farge dybde. Den ICO-fil format artikkelen forklarer detaljene for ikoner med mer enn 256 farger på ulike Microsoft Windows-plattformer.
Bruk av faviconEdit
Denne tabellen nedenfor illustrerer de ulike områdene i nettleseren hvor favicons kan vises.
Opera Software lagt til muligheten til å endre favicon i Hurtigvalg i Opera 10.,
Hvordan å useEdit
Denne tabellen illustrerer ulike måter favicon kan bli gjenkjent av nettleseren. Standard implementering bruker en link element med en rel
attributtet i <head>
– delen av dokumentet for å angi filer format, navn og beliggenhet.
- ^ Firefox godtar bare
favicon.ico
i nettstedets rot uten en<link>
– koden, hvis innstillingenbrowser.chrome.site_icons
er satt tiltrue
iabout:config
., Standard verdi ertrue
. Hvis satt tilfalse
, disse favicons er ignorert. - ^ Opera laster
/favicon.ico
bare hvisMultimedia/Always load favicon
alternativ iopera:config
er satt til1
. Se Opera Kundestøtte for mer informasjon.
Hvis koblinger for både PNG og ICO favicons er til stede, PNG-favicon-kompatible nettlesere velge hvilket format og størrelse til å bruke som følger. Firefox og Safari vil bruke favicon som kommer sist., Chrome for Mac vil bruke den favicon er ICO formatert, ellers 32×32 favicon. Chrome for Windows vil bruke favicon som kommer først hvis det er 16×16, ellers ICO. Hvis ingen av de nevnte alternativer er tilgjengelige, både Chromes vil bruke den favicon kommer først, akkurat det motsatte av Firefox og Safari. Faktisk, Chrome for Mac vil ignorere 16×16 favicon og bruk 32×32-versjonen, bare for å skalere det ned til 16×16 på ikke-retina-enheter. Opera vil velge fra noen av de tilgjengelige ikoner helt tilfeldig.,
Bare SeaMonkey ikke hente favicon.ico
filer i nettstedets rot som standard.
Enhet supportEdit
For Apple-enheter med iOS-operativsystem versjon 1.1.3 eller senere, samt noen Android-enheter, er det mulig å gi et egendefinert ikon som brukere kan vise på startskjermene ved å bruke Legg til på Hjem-Skjerm-knappen innen dele ark i Safari., Denne funksjonen er aktivert ved å levere en <link rel="apple-touch-icon" ...>
i <head>
– delen av dokumenter som er tilgjengelig via nettstedet. Hvis egendefinert ikon er ikke gitt, et miniatyrbilde av websiden vil bli satt på hjem-skjermen i stedet.
Den anbefalte grunnleggende størrelse etter dette ikonet er 152 x 152 piksler.
For iPad, grunnleggende størrelse er 180×180 punkter. Android-nettbrett foretrekker en 192×192 PNG-ikonet.
ikonet fil referert til av apple-touch-icon
er endret for å legge til avrundede hjørner., På iOS-versjoner før iOS 7, en skygge, og reflekterende glans ville bli lagt til, og apple-touch-icon-precomposed
ikonet kan være gitt for å instruere enheter ikke å bruke reflekterende glans på bildet.
Med avrundede hjørner, lagt til av iOS
<link rel="apple-touch-icon" href="https://example.com/image.png">
Ingen HTML-koden er nødvendig av nettlesere og mobile enheter for å hente disse ikonene, heller. Nettstedet er roten er standard plassering for filen apple-touch-icon.png
(i prioritert rekkefølge).,
HTML5 anbefaling for ikoner i flere sizesEdit
Den nåværende HTML5-spesifikasjonen anbefaler å angi flere størrelser for ikonene, ved hjelp av attributter rel="icon" sizes="space-separated list of icon dimensions"
innenfor en <link>
– tag-en. Flere ikonet formater, inkludert container formater, for eksempel Microsoft .ico og Macintosh .icns filer, samt Scalable Vector Graphics kan være gitt av blant annet ikonet har type innhold som er i formatet type="file content-type"
i <link>
– tag-en.,
Som i iOS 5, Apple mobile enheter ignorere HTML5 anbefaling, og i stedet bruke proprietær apple-touch-icon
metoden beskrevet ovenfor. Google Chrome nettleser imidlertid vil kan du velge den nærmeste samsvarende størrelse fra de som er gitt i HTML-overskrifter for å skape 128×128 pixel søknad ikoner, når brukeren velger Opprett programsnarveier… fra «Verktøy» – menyen.
Animerte faviconsEdit
Ulike nettlesere som Chrome, Firefox og Opera støtter animasjon av favicons., En feilrapport har vært åpen for Firefox siden 2001 ber om en måte å deaktivere funksjonen.
Legg igjen en kommentar