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 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 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, interneta pārlūks utt.), Noklikšķiniet uz kvadrāta ar bultiņu (iOS zīme "koplietot") un pēc tam opcijuAdd 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

  • Klasiskie modeļi iPhone / iPod = 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-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.

Aizraujos ar tehnoloģijām, man patīk testēt un rakstīt pamācības par operētājsistēmām macOS, Linux, Windows, par WordPress, WooCommerce un LEMP tīmekļa servera konfigurāciju (Linux, NGINX, MySQL un PHP). Es rakstu tālāk StealthSettings.com kopš 2006. gada, un dažus gadus vēlāk es sāku rakstīt vietnē iHowTo.Tips apmācības un ziņas par ierīcēm ekosistēmā Apple: iPhone, iPad, Apple Skatīties, HomePod, iMac, MacBook, AirPods un piederumi.

Leave a Comment