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", Turi identifikuoti žiniatinklio naršyklė. „Chrome“, internetas 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“, interneto naršyklė ir kt.), Spustelėkite kvadratą su rodykle („iOS“ ženklas „pasidalinti“), tada pasirinkiteAdd į 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“

  • Klasikiniai modeliai iPhone / „iPod“ = 57 × 57
  • „iPad“ = 76 × 76
  • iPhone / „iPod Retina“ = 120 × 120
  • „iPad Retina“ = 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.

Aistringai žiūri į technologijas, man patinka išbandyti ir rašyti pamokas apie operacines sistemas macOS, „Linux“, Windows, apie „WordPress“, „WooCommerce“ ir LEMP tinklo serverio konfigūraciją („Linux“, „NGINX“, „MySQL“ ir PHP). Rašau toliau StealthSettings.com nuo 2006 m., o po kelerių metų pradėjau rašyti „iHowTo.Tips“ mokymo programose ir naujienose apie įrenginius ekosistemoje. Apple: iPhone, „iPad“, Apple Žiūrėti, „HomePod“, iMac, MacBook, „AirPod“ ir priedai.

Palikite komentarą