Kā pievienot mājas lapā ikonas iPhone, iPad un iPod Touch

Favicon.ico - Mājas ikona pārlūkprogrammā

Pirms tā uzsāka mājas lapā un pievienot grafikas failu, favicon, kas adreses joslā tiek parādīta pārlūkprogrammā. Vairumā gadījumu, favicon ir miniatūri grafikas logo vai iniciāļi šo vietni. Šī favicon ir pievienots, lai palīdzētu lietotājiem noteikt adresi ātrāku tīmekļa grāmatzīmes.

Stealth iestatījumi favicon

Stealth iestatījumi favicon Safari

Favicon Opera

Favicon Opera

Vēl nesen, šis fails jābūt formā "favicon.ico"Lai identificētu pēc tīmekļa pārlūkprogrammas. Chrome, Internet Explorer, Opera, Safari, Firefox uc
Jau vairākus gadus, ar padziļinot jaunu interneta valodas, HTML5 si CSS3, Favicons var būt .png fails vai . Jpg. Nosacījums ir tāds, ka galvenē vietas, pirms </ head>, Be šī līnija:

<Link rel = "shortcut icon" href = "/ images / favicon.ico" type = "image / x-icon" />

IOS ikona - iPhone, iPad un iPod Touch

In iOS mēs varam pievienot Web lapas saīsnes pe Mājas EkrānaCPC iPhone, iPad si iPod Touch.

Kā pievienot mājas īsceļu uz iPhone, iPad un iPod Home Screen

Mēs to darām, atverot vietni savā iPhone (Safari, Chrome, interneta pārlūka utt), noklikšķiniet uz kvadrātu ar bultiņu (apzīmējumā "share" iOS), tad iespēju "Pievienot sākuma ekrānā".

Ja mājas lapā ir noteikusi favicon jūsu pārlūkprogrammā, bet nav noteikts iOS ierīce īpašas ikona vietām, Ekrāns parādīsies ikona, kas sastāv no image preview mājas lapa.

Kā pievienot web ikonas iPhone, iPad un Android.

Pirmais solis ir izveidot attēla ikonuKas parādās Mājas EkrānaCPC iDevice kopiena. Web ikonas ir saderīga ar visām ierīcēm un skaidri redzēt, mums ir jārada tēlu visiem iPhone un iPad rezolūcijas.

Rezolūcijas un standarta izmēri ikonas iPhone, iPad, iPod un Android

  • Klasiskie modeļi iPhone / iPod = 57 57 ×
  • iPad = 76 76 ×
  • iPhone / iPod Retina × = 120 120
  • iPad Retina × = 152 152
  • iPhone 6 / 6S Plus = 180 180 ×

Apple regulāri atjaunina Ieteicamais ikonu lielums-Urile pieteikumi si mājas lapas pe šo lapu.

Attiecībā uz ierīcēm Android, ikonas ir divas dimensijas:

  • Classic Android = 128 × 128
  • Android augstas izšķirtspējas (hi-res) = 192 × 192

ikonas

Pēc mēs, attēlus, uzkāpt uz web serveri, HTML avots mājas lapā pirms noslēguma </ head>, pievieno šādas rindas:

<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" />

Ierīcēm Apple, .PNG attēla nosaukumam un "rel =" jābūt ar prefiksu "apple-". Operētājsistēmā Android faila nosaukums būs "icon hires.png"Un"icon normal.png"Ar rel =" ikonu ".

Nav absolūti nepieciešams katrā attēlā atsevišķi izveidot attēlus. Jūs varat veikt attēlu uz augstu izšķirtspēju un ierīces ar mazāku izšķirtspēju, identificēs un iestatīt ikonu.

iPhone Icon Website

Vietnes īsceļa ikona izskatīsies līdzīga ikvienam pieteikumi iOS.

Kā pievienot mājas lapā ikonas iPhone, iPad un iPod Touch

Par autoru

Maskēšanās

Kaislīgi pret visu, kas nozīmē sīkrīku un IT, es ar prieku rakstu vietnē stealthsettings.com no 2006 un man patīk atklāt jaunas lietas par datoriem un macOS, Linux operētājsistēmām, Windows, iOS un Android.

Leave a Comment