Favicon (forkortelse for engelsk FAVorite ICON - "ikon for favoritter") - ikon for et websted eller en webside . Vises af browseren i en fane før sidenavnet, og som et billede ved siden af fanen [1] [2] , samt i adresselinjen i nogle browsere.
I marts 1999 udgav Microsoft Internet Explorer 5 , som var den første til at understøtte ikoner til webstedet [3] . Oprindeligt var dette ikon en fil navngivet favicon.icomed et 16x16 pixel billede i ICO -format , placeret i rodmappen på webstedet. Ikonet bruges af Internet Explorer i listen over favoritter og ved siden af URL'en i adresselinjen, hvis siden er bogmærket [4] [5] [6] [3] . En bivirkning var, at antallet af besøgende, der bogmærkede en side, kunne estimeres ud fra antallet af gange, ikonfilen blev tilgået. Denne teknik er blevet forældet, da alle moderne browsere understøtter ikonet uden faner [5] .
Meget senere dukkede op i 32x32-format, men ældre browsere reducerer det stadig til 16x16 [7] .
Følgende tabel illustrerer de store webbrowsere, der understøtter forskellige funktioner. Tallene angiver den oprindelige version af browseren, som den angivne funktion understøttes med.
Denne tabel viser det formatunderstøttelse , som webstedets favicon kan laves i.
Browser | ICO | PNG | gif | Animeret GIF | JPEG | APNG | SVG |
---|---|---|---|---|---|---|---|
Google Chrome | Ja | 4.0 | 4.0 | Ikke | 4.0 | Ikke | Ikke |
Internet Explorer | 5,0 [8] | 11,0 [9] | 11,0 [10] | Nej [8] | Ja [9] | Nej [8] | Nej [8] |
Firefox | 1,0 [11] | 1,0 [11] | 1,0 [11] | Ja | Ja | 3.0 | Ja [9] |
Opera | 7,0 [12] | 7,0 [12] | 7,0 [12] | 7,0 [12] | 7,0 [12] | 9.5 | Nej [9] |
safari | Ja | 4.0 | 4.0 | Ikke | 4.0 | Ikke | Ikke |
Korrespondancetabel, hvilken browser bruger favicon hvor. Opera-browseren giver dig også mulighed for at ændre favicon for Quick Access Toolbar siden Opera 10 [13] .
Browser | Adresse bar | Tip i adresselinjen | Bogmærkelinje | Bogmærker | Faner | skrivebordsikon |
---|---|---|---|---|---|---|
kant | Ikke | Ja | Ja | Ja | Ja | Ja |
Firefox | 1.0–12.0: Ja [14] > v13: Nej [15] |
Ja | Ja | Ja [14] | Ja [14] | Ja [14] |
Google Chrome | Nej [14] | Ikke | Ja [14] | Ja [14] | 1,0 [14] | Nej [14] |
Internet Explorer | 7,0 [14] | Ikke | 5,0 [14] | 5,0 [14] | 7,0 [14] | 5,0 [14] |
Opera | 7.0–12.17: Ja > v14: Nej [14] |
Ikke | 7,0 [14] | 7,0 [14] | 7,0 [14] | 7,0 [14] |
safari | Ja [14] | Ja | Nej [14] | Ja [14] | 1.0–8.0: Ja 9.0–11.0: Nej > 12.0: Valgfrit [16] |
Nej [14] |
Mange moderne browsere kræver ikke en eksplicit henvisning til favicon.icoi sidekoden. I mangel af en sådan indikation forsøger browseren at indlæse favicon.icofra roden af webstedet. Det er dog muligt eksplicit at angive ikonets position i ( X ) HTML -kode (inde i elementet <head>), hvilket gør det muligt, hvis det ikke er til stede /favicon.ico, at bruge et andet ikon for hver side.
For eksplicit at angive placeringen favicon.icoskal du indtaste følgende linje i sidekoden på dit websted inde i hovedsektionen :
< link rel = "icon" type = "image/vnd.microsoft.icon" href = "/favicon.ico" />hvor
I dette tilfælde skal attributten typeindeholde MIME-typen for formatet (f.eks. image/pngfor PNG ).
I 2003 blev ICO -formatet registreret af Simon Butcher hos Internet Assigned Numbers Authority ( IANA ). For dette format er standard MIME -typen image/vnd.microsoft.icon.
Hvis ICO -formatet bruges til Internet Explorer , skal dens MIME-type være image/vnd.microsoft.icon. Typen image/x-iconblev forældet i 2003 efter typestandardisering for ICO. Den korrekte type image/vnd.microsoft.iconunderstøttes af alle browsere . Det er vigtigt at huske, at ikonet ikke vil blive vist i browseren, hvis dets indholdstype, der returneres af webserveren, ikke matcher den, der er angivet i sidens html-kode.
Du kan angive flere billeder i forskellige formater - for eksempel en streng med rel="shortcut icon"og ikon i ICO-format til Internet Explorer, og en streng med rel="icon"og ikon i GIF- eller PNG-format til andre browsere.
Apple -enheder, der starter med iOS 1.1.3 og nogle Android-enheder [17] understøtter specielle store ikoner, der kan bruges som webapplikationsikoner [18] [19] . Webstedet kan give et sådant ikon ved at angive <head> <link rel="apple-touch-icon" ...>[20] i titlen . Den anbefalede ikonstørrelse er 60×60 pixels til iPhone og 120×120 pixels til iPhone med Retina -skærm [19] [21] [22] . For iPad er den anbefalede ikonstørrelse 76×76 pixels, og for iPad med Retina-skærm (startende fra tredje generation af iPad) - 152×152 pixels [23] . For Android-tablets med Chrome-browser er det foretrukne ikon PNG-format og størrelse 192x192 [24] .
Billedet, omtalt som apple-touch-icon, overlejres med en skygge, refleksion, og også billedet får afrundede kanter [19] . apple-touch-icon-precomposedDer anvendes ingen effekter på billedet [19] [20] .
Med afrundede kanter tilføjet af iOS<link rel="apple-touch-icon" href="somepath/image.png" />
ingen refleksioner<link rel="apple-touch-icon-precomposed" href="somepath/image.png" />
Webstedets rodmappe er standardplaceringen for søgning efter ikoner apple-touch-icon-precomposed.pngog apple-touch-icon.png. [19] [20]
Web og hjemmesider | |
---|---|
globalt | |
Lokalt | |
Typer af websteder og tjenester |
|
Oprettelse og vedligeholdelse | |
Typer af layout, sider, websteder | |
Teknisk | |
Markedsføring | |
Samfund og kultur |