Hvordan legge til ikoner på et nettsted 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 en snarvei til et nettsted på iPhone, iPad og iPod-startskjerm

Vi gjør dette ved å åpne en webside på iPhone (Safari, Chrome, nettleser osv.), Klikk på firkanten med pilen (tegnet for "del" i iOS), deretter alternativetAdd til startskjermen".

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 webikoner 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 oppløsninger av iPhone og iPad.

Oppløsninger og standard ikonstørrelser for iPhone, iPad, iPod og Android

  • Klassiske modeller av iPhone / iPod = 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-76 × 76.png ”rel =”apple-touch-icon ”størrelser =” 76 × 76 ″ /> <link href=”/apple-touch-icon-120 × 120.png ”rel =”apple-touch-icon ”størrelser =” 120 × 120 ″ /> <link href=”/apple-touch-icon-152 × 152.png ”rel =”apple-touch-icon ”størrelser =” 152 × 152 ″ /> <link href=”/apple-touch-icon-180 × 180.png ”rel =”apple-touch-icon ”størrelser =” 180 × 180 ″ />

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-Website-Icon

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

Legg igjen en kommentar

Din e-post address vil ikke bli publisert. Obligatoriske felt er merket *

Totalt
0
Aksjer
Forrige Artikkel

Oppdater OS X El Capitan 10.11.5 og iTunes 12.4 - Last ned og Install

Neste Artikkel

Nyheter i Windows 10 Jubileumsoppdatering - Minimum RAM, CPU og lagring, nye skjermstørrelser

Brukere som søker etter:

ios 6 nu are iconita setari, android google fiók bejelentkezés hiba, Descarca facebok, intrucoes pra saber descobrir senhas do wi fi sem precisar baixar app, hotmail oppsett vanlig mobil, descarcare translator facand poze, jocuri java, Pobierz messengera na sonyericsson k750I, Download jocuri java pe telefon, Como descargas videos en mi sony ericson w810, google play изтегляне, instaleaza messenger pe dispozitivul dumneavoastra, Telechargement huawei windows, Aplikacje do Ściągnięcia na BlackBerry, samachara video 3gp, pe ce butoane intri in safe mode android, cum adaugam ringtonuri pe iphone, تحديثات موبايل LG_A395, صفحات روبوتات غريبة في فيسبوك, חנות play לאנדרואיד להורדה,
Related Posts
Totalt
0
Del