Favicon.ico – Hjemmesideikon i browser

Før en hjemmeside lanceres, tilføjes en grafisk fil, favicon, som vises i browseren i adresselinjen. I de fleste situationer er faviconet et miniaturebillede af det grafiske logo eller initialerne på den respektive hjemmeside. Dette favicon er tilføjet for at hjælpe brugere hurtigere med at identificere en webadresse i bogmærker.

Indtil for nylig skulle denne fil have formen “favicon.ico“, der skal identificeres af webbrowseren. Chrome, Internet Explorer, Opera, Safari, Firefox osv.
I flere år, med fremskridtene af nye websprog, HTML9 og CSS3, favicon kan også være en fisier .png eller .jpg. Betingelsen er, at i hjemmesidens overskrift, før </hoved>, linjen skal være til stede:

<link rel=”genvejsikon” href=”/images/favicon.ico” type=”billede/x-ikon” />

Hjemmesideikon til iOS – iPhone, iPad og iPod Touch

I iOS vi kan tilføje websidegenveje pe Startskærm-uliPhone, iPad og iPod Touch.

Sådan tilføjer du en hjemmesidegenvej på iPhone, iPad og iPod-startskærmen

Det gør vi ved at åbne en webside på iPhone (Safari, Chrome osv. internetbrowser), trykke på firkanten med pilen (tegnet for “dele” i iOS), derefter muligheden “Føj til startskærmen“.

Hvis hjemmesiden har et favicon-sæt til browseren, men det er ikke indstillet det specifikke ikon for iOS-enheder, vises et ikon bestående af en på skærmen forestil dig forhåndsvisning af websiden.

Sådan tilføjes webikoner til iPhone, iPad og Android.

Det første skridt er atvi laver et billede til ikonet, som vises på Startskærmenheden. For at webikonet skal være kompatibelt på alle enheder og ses tydeligt, skal vi lave billedet til alle iPhone- og iPad-opløsninger.

Standardopløsninger og -størrelser af ikoner til iPhone, iPad, iPod og Android

• Klassiske iPhone / iPod-modeller = 57×57
• iPad = 76×76
• iPhone / iPod Retina = 120×120
• iPad Retina = 152×152
• iPhone 6/6S Plus = 180×180

Æble opdatere regelmæssigt anbefalede ikonstørrelserUrls applikationer og websider pe denne side.

For Android-enheder har ikonerne to størrelser:

• Klassisk Android = 128×128
• Android med høj opløsning (hi-res) = 192×192

Efter vi har lavet billederne, uploades de til webserveren, og i HTML-kilden på hjemmesiden, inden de lukkes </hoved>, tilføjes følgende linjer:

<link href=”/apple-touch-icon.png” rel=”æble-touch-ikon” /> <link href=”/apple-touch-icon-76×76.png” rel=”æble-touch-ikon” størrelser =”76×76″ /> <link href=”/apple-touch-icon-120×120.png” rel=”æble-touch-ikon” størrelser =”120×120″ /> <link href=”/apple-touch-icon-152×152.png” rel=”æble-touch-ikon” størrelser =”152×152″ /> <link href=”/apple-touch-icon-180×180.png” rel=”æble-touch-ikon” størrelser =”180×180″ /> <link href=”/icon-hires.png” rel=”ikon” størrelser =”192×192″ /> <link href=”/icon-normal.png” rel=”ikon” størrelser =”128×128″ />

For Apple-enheder er billednavnet .PNG og “rel=” skal indeholde præfikset “æble-“. For Android vil filnavnene være “icon-hires.png” og “icon-normal.png” med rel=”ikon”.

Det er ikke absolut nødvendigt at oprette billeder for hver opløsning separat. Du kan lave et billede til den højeste opløsning, og enheder med lavere opløsning vil identificere det og indstille det som et ikon.

Ikonet for genvejen til webstedet vil ligne alle andres applikationer til iOS.