Kā vietnei pievienot 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.

Stealth Settings Favicon
Stealth Settings Favicon iekšā Safari
Favicon Opera
Favicon Opera

Vēl nesen šim failam bija jābūt formā. "favicon.ico", kas jāidentificē tīmekļa pārlūkprogrammai. Chrome, Internet 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 saīsni vietnei iPhone, iPad un iPod sākuma ekrāns

Mēs to darām, atverot tīmekļa vietni vietnē iPhone (Safari, Chrome u.c. interneta pārlūkprogrammā), noklikšķiniet uz kvadrāta ar bultiņu (iOS zīme "share"), pēc tam uz opcijas "Add uz sākuma ekrānu".

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 tīmekļa 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 visām rezolūcijām iPhone un iPad.

Ikonas standarta izšķirtspēja un izmēri iPhone, iPad, iPod un Android

  • Modeklasiskā lele of 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:

  • 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-76 × 76.png ”rel =”apple-touch-icon ”izmēri =” 76 × 76 ″ /> <link href="/apple-touch-icon-120 × 120.png ”rel =”apple-touch-icon ”izmēri =” 120 × 120 ″ /> <link href="/apple-touch-icon-152 × 152.png ”rel =”apple-touch-icon ”izmēri =” 152 × 152 ″ /> <link href="/apple-touch-icon-180 × 180.png ”rel =”apple-touch-icon ”izmēri =” 180 × 180 ″ />

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-Tīmekļa vietne-ikona

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

Tehnoloģijas entuziasts, ar prieku rakstu vietnē StealthSettings.com no 2006. gada. Man ir plaša pieredze operētājsistēmās: macOS, Windows un Linux, kā arī programmēšanas valodās un blogošanas platformās (WordPress) un tiešsaistes veikalu platformās (WooCommerce, Magento, PrestaShop).

kā uz » iHowTo » iHowTo - iOS » Kā vietnei pievienot ikonas iPhone, iPad un iPod Touch
Leave a Comment