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

Favicon.ico - vietnes ikona pārlūkprogrammā

Pirms tā uzsāka mājas lapā un pievienot grafikas failu, favicon, lai parādās pārlūkprogrammā, adreses joslā. Lielākajā daļā gadījumu favicon ir grafiskā logotipa vai attiecīgās vietnes iniciāļu sīktēls. Šis favicon tiek pievienots, lai palīdzētu lietotājiem ātri identificēt tīmekļa adresi grāmatzīmēs.

Maskēšanās Settings Favicon

Maskēšanās Settings Faviksons Safari

Favicon Opera

Favicon Opera

Vēl nesen šim failam bija jābūt formā. "favicon.ico", To identificē tīmekļa pārlūkprogramma. Chrome, internets Explorer, Opera, Safari, Firefox utt.
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, Be šī līnija:

Vietnes ikona operētājsistēmai iOS - 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 tīmekļa lapu iPhone tālrunī (Safari, Chrome utt. Interneta pārlūkprogrammā), noklikšķinot uz kvadrāta ar bultiņu (zīme "koplietot" iOS), pēc tam opcijaPievienot 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.

Standarta ikonu izšķirtspējas un izmēri iPhone, iPad, iPod un Android ierīcēm

  • Klasiski iPhone / iPod modeļi = 57 × 57
  • iPad = 76 × 76
  • iPhone / iPod Retina = 120 × 120
  • iPad tīklene = 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:

  • Android klasika = 128 × 128
  • Android ar augstu izšķirtspēju (hi-res) = 192 × 192

ikonas

Pēc attēlu izveidošanas tie tiek augšupielādēti tīmekļa serverī un vietnes HTML avotā pirms aizvēršanas , 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 prefiksam "apple- ". Android ierīcē failu nosaukumi būs "icon hires.png"Un"icon normal.png“Ar rel =” ikonu.

Katrai izšķirtspējai nav obligāti jāveido attēli. Jūs varat izveidot attēlu ar visaugstāko izšķirtspēju, un ierīces ar zemāku izšķirtspēju to identificēs un iestatīs kā ikonu.

iPhone Icon Website

Tīmekļa vietnes saīsnes ikona izskatīsies līdzīgi jebkurai vietnei pieteikumi iOS.

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

Par autoru

Maskēšanās

Kaislīgi par visu sīkrīku un IT, es ar prieku rakstu par slepenībusettings.com kopš 2006. gada, un man patīk atklāt ar jums jaunas lietas par datoriem un operētājsistēmām macOS, Linux, Windows, iOS un Android.

Leave a Comment