følgende tabeller illustrerer understøttelse af forskellige funktioner med større browebbro .sere. Medmindre andet er angivet, angiver versionsnumrene startversionsnummeret for en understøttet funktion.
filformat supportEdit
følgende tabel illustrerer understøttelse af billedfilformat til favicon.
- ^ Safari, siden version 12.0, understøtter single-farve SVG favicons i nogle tilfælde i en ikke-standard
mask-icon
format.,
Derudover, såsom ikon-filer kan være 16×16, 32×32, 48×48, eller 64 x 64 pixels, og 8-bit / 24-bit eller 32-bit farvedybde. ICO-filformatartiklen forklarer detaljerne for ikoner med mere end 256 farver på forskellige Microsoft .indo .s-platforme.
Brug af faviconEdit
Denne tabel illustrerer de forskellige områder af den browser, hvor favicons kan vises.
Opera-Soft .are tilføjede muligheden for at ændre favicon i hurtigopkaldet i Opera 10.,
Sådan useEdit
Denne tabel illustrerer de forskellige måder, hvorpå favicon kan genkendes af web-browser. Standardimplementeringen bruger et linkelement med enrel
attribut i <head>
sektion af dokumentet for at angive filformat, navn og placering.
- ^ Firefox accepterer kun
favicon.ico
i hjemmesidens rod uden en<link>
tag, hvis indstillingenbrowser.chrome.site_icons
er indstillet tiltrue
iabout:config
., Standardværdien ertrue
. Hvis de er indstillet tilfalse
, ignoreres disse favicons. - ^ Opera masser
/favicon.ico
kun hvisMultimedia/Always load favicon
iopera:config
er indstillet til1
. Se Opera Support side for flere detaljer.
Hvis der findes links til både PNG og ICO favicons, vælger PNG-favicon-kompatible bro .sere, hvilket format og størrelse der skal bruges som følger. Firefo.og Safari vil bruge favicon, der kommer sidst., Chrome til Mac vil bruge alt efter favicon er ICO formateret, ellers 32 32 32 favicon. Chrome til Windowsindo .s bruger favicon, der kommer først, hvis det er 16 16 16, Ellers ICO. Hvis ingen af de ovennævnte indstillinger er tilgængelige, bruger begge Chromes, uanset hvilken favicon der kommer først, nøjagtigt det modsatte af Firefo.og Safari. Faktisk vil Chrome til Mac ignorere favicon 16 16 16 og bruge 32 32 32-versionen, kun for at skalere den tilbage til 16.16 på ikke-retina-enheder. Opera vælger fra et af de tilgængelige ikoner helt tilfældigt.,
kun SeaMonkey henter ikke favicon.ico
filer i websiteebstedets rod som standard.
enhed supportEdit
For Apple-enheder med iOS-operativsystemversionen 1.1.3 eller nyere samt nogle Android-enheder er det muligt at angive et brugerdefineret ikon, som brugerne kan vise på deres startskærme ved at bruge knappen Tilføj til startskærm i delingsarket i Safari., Denne funktion er aktiveret ved at levere en <link rel="apple-touch-icon" ...>
i <head>
sektion af dokumenter, der serveres af hjemmesiden. Hvis ikonet brugerdefineret ikke er angivet, vil en miniature af webebsiden blive sat på startskærmen i stedet.
den anbefalede basisstørrelse for dette ikon er 152.152 pi .els.
for iPad er den grundlæggende Størrelse 180 .180 pi .els. Android-tabletter foretrækker et 192 .192 PNG-ikon.
ikonfilen, der refereres til afapple-touch-icon
, ændres for at tilføje afrundede hjørner., På iOS-versionerne før iOS 7 ville der blive tilføjet en drop Shado.og reflekterende glans, og apple-touch-icon-precomposed
– ikonet kan leveres for at instruere enheder om ikke at anvende reflekterende glans på billedet.
med afrundede hjørner, tilføjet af iOS
<link rel="apple-touch-icon" href="https://example.com/image.png">
ingen HTML kræves af bro .sere eller mobile enheder for at hente disse ikoner, enten. Websiteebstedets rod er standardplaceringen for filen apple-touch-icon.png
(i prioriteret rækkefølge).,
HTML5 anbefaling for ikoner i flere størrelseredit
den aktuelle HTML5-specifikation anbefaler at specificere flere størrelser for ikonerne ved hjælp af attributternerel="icon" sizes="space-separated list of icon dimensions"
inden for et<link>
tag. Flere ikonformater, herunder containerformater som Microsoft .ico og Macintosh .icns-filer samt skalerbar vektorgrafik kan leveres ved at inkludere ikonets indholdstype i formatet type="file content-type"
inden for <link>
tag.,fra iOS 5 ignorerer Apple mobile enheder HTML5-anbefalingen og bruger i stedet den proprietære apple-touch-icon
metode beskrevet ovenfor. Google Chrome – webebbro .seren vælger dog den nærmeste matchende størrelse fra dem, der findes i HTML-overskrifterne for at oprette 128.128 pi .el applikationsikoner, når brugeren vælger genveje til Opret applikation… fra menuen” Værktøjer”.
Animeret faviconsEdit
forskellige bro .sere som Chrome, Firefo.og Opera understøtter animation af favicons., En fejlrapport har været åben for Firefo.siden 2001, der anmoder om en måde at deaktivere funktionen på.
Skriv et svar