Hvordan legge til et nettsted ikoner for iPhone, iPad og iPod Touch

Favicon.ico - Nettstedsikon i nettleseren

Før det lansert en nettside og legge til en grafikk-fil, favicon, vises i nettleseren på adresselinjen. I de fleste situasjoner er favicon et miniatyrbilde av den grafiske logoen eller initialene til det respektive nettstedet. Dette favorittikonet er lagt til for å hjelpe brukerne med å raskt identifisere en nettadresse i bokmerker.

Stealth Settings Favicon

Stealth Settings Favicon i Safari

Favicon i Opera

Favicon i Opera

Inntil nylig måtte denne filen være i form "favicon.ico", For å bli identifisert av nettleseren. Chrome, Internett Explorer, Opera, Safari, Firefox, etc.
For flere år, med fremme nye web språk, HTML5 si CSS3, Favicons kan være en .png fil eller . Jpg. Forutsetningen er at overskriften på nettstedet, før, Vær denne linjen:

Nettstedsikon for iOS - iPhone, iPad og iPod Touch

In iOS vi kan legge Webside snarveier pe Hjem-skjermCPC iPhone, iPad si iPod Touch.

Hvordan legge til et nettsted snarvei på iPhone, iPad og iPod på Hjem-skjerm

Vi gjør dette ved å åpne en webside på iPhone (Safari, Chrome, etc. nettleser), klikke på firkanten med pilen (tegnet for "del" i iOS), og deretter alternativetLegg til på Hjem-skjerm".

Hvis nettstedet har satt favicon for nettleseren din, men ikke satt iOS enhetsspesifikke icon sider, Vil skjermen vises et ikon som består av en forhåndsvisning nettside.

Hvordan legge til web ikoner for iPhone, iPad og Android.

Det første trinnet er å skape et bilde ikonDet vises på Hjem-skjermCPC iDevice samfunnet. For web-ikonet er kompatibelt på alle enheter og for å se klart, må vi skape image for alle iPhone- og iPad-vedtak.

Standard ikonoppløsninger og størrelser 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

Apple oppdateres jevnlig Anbefalt ikonstørrelsenOmråder søknader si Websider pe denne siden.

For enheter Android, ikonene er to dimensjoner:

  • Android classic = 128 × 128
  • Android med høy oppløsning (høyoppløselig) = 192 × 192

ikoner

Etter at vi har laget bildene, blir de lastet opp på webserveren, og i HTML-kilden til nettstedet, før de lukkes følgende linjer er lagt til:

<link href="/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> <link href="/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" /> <link href="/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" /> <link href="/icon-hires.png" rel="icon" sizes="192x192" /> <link href="/icon-normal.png" rel="icon" sizes="128x128" />

For enheter Apple.PNG-bildenavn og "rel =" må inneholde prefikset "apple- ". For Android vil filnavnene være "icon hires.png"Og"icon normal.png”Med rel =” ikon ”.

Det er ikke helt nødvendig å lage bilder for hver oppløsning. Du kan lage et bilde med den høyeste oppløsningen, og enhetene med lavere oppløsning vil identifisere det og sette det som et ikon.

iPhone Ikon Nettsted

Snarveiikonet til nettstedet vil ligne på alle applikasjoner for iOS.

Hvordan legge til et nettsted ikoner for iPhone, iPad og iPod Touch

Om forfatteren

Stealth

Lidenskapelig om alt utstyret og IT, jeg skriver med glede på stealthsettings.com siden 2006 og jeg liker å oppdage nye ting om datamaskiner og operativsystemer macOS, Linux, med deg, Windows, iOS og Android.

Legg igjen en kommentar