Favicon.ico – Nettsideikon i nettleseren
Før et nettsted startes, legges det til en grafisk fil, favorittikon, som vises i nettleseren, i adressefeltet. I de fleste situasjoner er favorittikonet et miniatyrbilde av den grafiske logoen eller initialene til det respektive nettstedet. Dette favorittikonet er lagt til for å hjelpe brukere raskere å identifisere en nettadresse i bokmerker.
Inntil nylig måtte denne filen være av skjemaet “favicon.ico“, som skal identifiseres av nettleseren. Chrome, Internet Explorer, Opera, Safari, Firefox, etc.
I flere år, med utviklingen av nye nettspråk, HTML9 og CSS3, kan favicon også være en fisier .png eller .jpg. Betingelsen er at i overskriften på nettstedet, før </hode>, linjen skal være tilstede:
<link rel=”snarveiikon” href=”/images/favicon.ico” type=”bilde/x-ikon” />
Nettsideikon for iOS – iPhone, iPad og iPod Touch
I IOS vi kan legge til snarveier til nettsider PE Hjem-skjermen-uliPhone, iPad og iPod Touch.
Slik legger du til en nettstedsnarvei på iPhone, iPad og iPod-startskjermen
Dette gjør vi ved å åpne en nettside på iPhone (Safari, Chrome, etc. nettleser), trykk på firkanten med pilen (tegnet for “dele” i iOS), deretter alternativet “Legg til på startskjermen“.
Hvis nettstedet har et favorittikonsett for nettleseren, men det er ikke satt det spesifikke ikonet for iOS-enheter, vises et ikon bestående av en på skjermen forestille deg forhåndsvisning av nettsiden.
Slik legger du til webikoner for iPhone, iPad og Android.
Det første trinnet er åvi lager et bilde for ikonet, som vises på Hjem-skjermenenheten. For at nettikonet skal være kompatibelt på alle enheter og ses tydelig, må vi lage bildet for alle iPhone- og iPad-oppløsninger.
Standard oppløsninger og størrelser på ikoner for 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
Eple oppdater regelmessig anbefalte ikonstørrelserURLS applikasjoner og nettsider PE denne siden.
For Android-enheter har ikonene to størrelser:
- Klassisk Android = 128×128
- Android med høy oppløsning (hi-res) = 192×192
Etter at vi har laget bildene, lastes de opp til webserveren, og i HTML-kilden til nettsiden, før de lukkes </hode>, er følgende linjer lagt til:
<link href=”/apple-touch-icon.png” rel=”eple-touch-ikon” /> <link href=”/apple-touch-icon-76×76.png” rel=”eple-touch-ikon” størrelser=”76×76″ /> <link href=”/apple-touch-icon-120×120.png” rel=”eple-touch-ikon” størrelser=”120×120″ /> <link href=”/apple-touch-icon-152×152.png” rel=”eple-touch-ikon” størrelser=”152×152″ /> <link href=”/apple-touch-icon-180×180.png” rel=”eple-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-enheter er bildenavnet .PNG og “rel=” må inneholde prefikset “eple-“. For Android vil filnavnene være “icon-hires.png” og “icon-normal.png” med rel=”ikon”.
Det er ikke absolutt nødvendig å lage bilder for hver oppløsning separat. Du kan lage et bilde for høyeste oppløsning, og enheter med lavere oppløsning vil identifisere det og angi det som et ikon.
Ikonet for snarveien til nettstedet vil ligne på alle andre applikasjoner for iOS.
