Favicon.ico – Hjemmesideikon i browser
Inainte sa fie lansat un website, i se adauga un fisier grafic, 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.
De cativa ani, odata cu avansarea noilor limbaje web, HTML9 og CSS3, favicon kan også være en fisier .png eller .jpg. Conditia este ca in header-ul site-ului, 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.
