Ja jums ir sava vietne vai to izstrādājat kādam citam, jums ir jāpielāgo saglabātās grāmatzīmes ikona, kas tiek rādīta lietotāja iOS sākuma ekrānā. Iepriekš redzamajā ekrānuzņēmumā redzēsit pielāgotu OSXDaily izlases ikonu, kas atrodas iPhone tālruņa ekrānā.

Apple Touch ikonas iestatīšana ir laba ideja, jo pēc noklusējuma iOS tikai saglabās nelielu vietnes sīktēlu. Mazos sīktēlus bieži ir grūti atpazīt, un tie parasti neizskatās tik lieliski, tāpēc tā vietā iestatīsim savu iecienītāko attēlu.

Kā pielāgot un iestatīt Apple Touch ikonu vietnei

• Izveidojiet ikonu, pārliecinieties, ka tā ir kvadrātveida, šeit, OSXDaily.com, ir 512 × 512 pikseļi, taču, ja tiešām vēlaties, varat izvēlēties citus kvadrāta izmērus — ņemiet vērā, ka lielāks ir piemērots tīklenes displeji
• Saglabājiet sākuma ekrāna ikonu kā PNG failu un iezīmējiet to: apple-touch-icon.png
• Nometiet apple-touch-icon.png tīmekļa servera saknes direktorijā, lai tam varētu piekļūt vietnē domain.com/apple-touch-icon.png
• Pārbaudiet savas tīmekļa vietnes sākuma ekrāna grāmatzīmes ikonu, iOS ierīcē apmeklējot vietni no Safari un pēc tam pieskaroties “Pievienot sākuma ekrānam”
• Apskatiet iOS ierīces sākuma ekrānu, un jūs redzēsiet tajā saglabāto grāmatzīmi ar jauno pielāgoto ikonu, piemēram, ekrānuzņēmumu augšpusē

Kamēr fails ir pareizi nosaukts un atrodas tīmekļa servera saknes direktorijā, Mobile Safari zinās, ko ar to darīt, tāpēc nav jāveic papildu pielāgošana, lai tiktu parādīts iOS specifiskais favicon.

Uzziņai šeit ir mūsu pielāgotais "apple-touch-icon.png" attēls, ko izmantojam vietnei OSXDaily.com. Šī grāmatzīmes ikonas piemērs ir izveidota un piemērota izmēra tīklenes displejiem ():

Jūs ievērosiet, ka faktiskajā ikonas failā nav saglabāta ikonas gaismas refrakcija, iOS tiek galā ar to pati. Varat izmantot jebkuru attēlu, ko vēlaties, taču es iesaku izveidot tādu, kurā ir ietverta jau pazīstamā iOS ikonu lietotāja saskarne.

Tas, protams, nav tas pats, kas speciāla iOS lietotne, taču piemērota mobilā lietotāja pieredze tīmeklī ir laba ideja, un tādējādi tiek novērsta iOS lietotnes izstrādes augstā cena.

Un, ja jūs uztraucaties par šādām lietām, jūs, iespējams, izmantojat Photoshop, lai vismaz noformētu ikonas pareizi? Tāpēc pārbaudiet dažus, kamēr to darāt.