Kaip pridėti piktogramas prie svetainės iPhone, iPad ir iPod Touch

Favicon.ico - svetainės piktograma naršyklėje

Prieš tai pradėjo svetainę ir pridėti grafikos failą, favicon, kad būtų rodoma naršyklėje, adreso juostoje. Daugeliu atvejų favicon yra grafinio logotipo arba atitinkamos svetainės inicialų miniatiūra. Ši piktograma pridedama siekiant padėti vartotojams greitai nustatyti žiniatinklio adresą žymėse.

Stealth Settings Favicon
Stealth Settings Favicon in Safari
Favicon Opera
Favicon Opera

Dar neseniai šis failas turėjo būti formos "favicon.ico“, kurį atpažins žiniatinklio naršyklė. Chrome, Internet Explorer, Opera, Safari, Firefox ir kt.
Jau keletą metų, skatinant naujų žiniatinklio kalbas, HTML5 si CSS3, Piktogramas, gali būti .png failą arba . Jpg, Su sąlyga, yra ta, kad į svetainę antraštės, prieš taiBūkite ši eilutė:

„IOS“ svetainės piktograma - iPhone, iPad ir iPod Touch

In "iOS" mes galime pridėti Web puslapiu nuorodos pe Pagrindinis ekranasMUP iPhone, iPad si "iPod Touch.

Kaip pridėti nuorodą į svetainę iPhone, iPad ir iPod pagrindinis ekranas

Tai darome atidarydami tinklalapį iPhone (Safari, Chrome ir tt interneto naršyklėje), spustelėkite kvadratą su rodykle (ženklas „bendrinti“ sistemoje „iOS“), tada parinktį „Add į pagrindinį ekraną".

Jei svetainė užsibrėžė favicon savo naršyklėje, bet ne nustatyti "iOS" įrenginio konkrečių piktograma svetainės, Ekranas bus rodomas piktograma sudarytą iš vaizdo peržiūra interneto puslapis.

Kaip pridėti interneto piktogramas iPhone, iPad ir Android.

Pirmas žingsnis yra sukurti vaizdo piktogramąKad ant Pagrindinis ekranasMUP iDevice bendruomenė. Dėl interneto piktogramą yra suderinama visuose įrenginiuose ir aiškiai matyti, turime sukurti įvaizdį visiems iPhone ir „iPad“.

Skiriamosios gebos ir standartiniai piktogramų dydžiai iPhone, iPad, iPod ir Android

  • Modeklasikinis lele of iPhone / „iPod“ = 57 × 57
  • iPad = 76 × 76
  • iPhone / „iPod Retina“ = 120 × 120
  • iPad tinklainė = 152 × 152
  • iPhone 6 / 6S plius = 180 × 180

Apple nuolat atnaujinama Rekomenduojama piktograma dydisURL programos si tinklalapiai pe šiuo puslapiu.

Dėl prietaisų "Android", piktogramos yra du aspektai:

  • „Android“ klasika = 128 × 128
  • „Android“ su didele skiriamąja geba (didelės raiškos) = 192 × 192
piktogramos

Padarę vaizdus, ​​prieš uždarydami, jie įkeliami į žiniatinklio serverį ir į svetainės HTML šaltinį , pridedamos šios eilutės:

<link href="/apple-touch-icon.png ”rel =”apple-touch-icon “/> <link href="/apple„touch-icon-76 × 76.png“ rel = “apple- palieskite piktogramą ”dydžiai =” 76 × 76 ″ /> <link href="/apple„touch-icon-120 × 120.png“ rel = “apple- palieskite piktogramą ”dydžiai =” 120 × 120 ″ /> <link href="/apple„touch-icon-152 × 152.png“ rel = “apple- palieskite piktogramą ”dydžiai =” 152 × 152 ″ /> <link href="/apple„touch-icon-180 × 180.png“ rel = “apple- palieskite piktogramą ”dydžiai =” 180 × 180 ″ />

Prietaisams Apple, .PNG vaizdo pavadinime ir „rel =“ turi būti priešdėlis “apple- ". „Android“ failų pavadinimai bus „piktograma hires.png"Ir"piktograma normal.png„Su rel =“ piktograma.

Nebūtina kurti kiekvienos raiškos vaizdų. Galite padaryti didesnės raiškos vaizdą, o mažesnės raiškos įrenginiai jį atpažins ir nustatys kaip piktogramą.

iPhone-Žiniatinklio-piktograma

Svetainės nuorodos piktograma atrodys panašiai kaip bet kuri paraiškas iOS.

Technologijų entuziastas, nuo 2006 metų su malonumu rašau „StealthSettings.com“. Turiu išsamią patirtį su operacinėmis sistemomis: macOS, „Windows“ ir „Linux“, taip pat programavimo kalbomis ir blogo platformomis („WordPress“) bei internetinės parduotuvės platformomis („WooCommerce“, „Magento“, „PrestaShop“).

kaip » iHowTo » "iHowTo" - "iOS" » Kaip pridėti piktogramas prie svetainės iPhone, iPad ir iPod Touch
Palikite komentarą