Žiniatinklio kūrėjai ir svetainių savininkai atkreipia dėmesį: reikia nustatyti tinklainei paruoštą iOS žymės piktogramą. Žymių piktogramos vadinamos Apple Touch Icon, o šie pasirinktiniai vaizdai tampa piktograma, kuri rodoma naudotojo pagrindiniame ekrane, kai jie pažymi svetainę iPad, „iPhone“ arba „iPod touch“ sistemoje „iOS“ arba „Safari“, skirto OS X, žymių skydelis.Be tinkinto „Apple-touch-icon“ failų rinkinio, vartotojai gaus nuobodžią ir dažnai bjaurią paties tinklalapio miniatiūrą, o nenaudojant tinklainei paruoštos piktogramos, žymių piktograma naujajame „iPad“ ekrane atrodys pikseliais ir apskritai siaubingai.

Štai ką turite padaryti, kad atlikdami kelis paprastus veiksmus sukurtumėte tobulą tinklainės Apple Touch piktogramą bet kuriai svetainei.

1) Sukurkite tinklainei paruoštos iOS svetainės piktogramą

Naudokite šabloną arba sukurkite savo. Naudojau lengvą „pasidaryk pats“ tinklainės piktogramų rinkinį, paminėtą ankstesniame įraše. Tai PSD failas, leidžiantis sukurti gražiai atrodančias „iOS“ piktogramas taip paprasta, kaip spustelėjus ar dviem. Įklijuokite į svetainę ar įmonės logotipą ir viskas bus gerai. Jei neturite ko redaguoti PSD failų, „Photoshop CS6“ beta versija yra puiki, ją galima nemokamai atsisiųsti ir naudoti, kol vėliau šiais metais pasirodys galutinė versija.

2) Išsaugokite kaip PNG ir pavadinkite tinklainės svetainės žymės piktogramą

Piktograma turi būti PNG ir turi būti pavadinta vienu iš dviejų dalykų. Kiekvienas failo pavadinimas siūlo šiek tiek skirtingą piktogramos išvaizdą, kaip rodoma naudotojo pagrindiniame ekrane:

• “apple-touch-icon.png“ pridės paryškintą debesėlio perdangą prie piktogramos
• “apple-touch-icon-precomposed.png“ bus rodoma iš pradžių sukurta piktograma be paryškinimo perdangos

Naudokite pastarąją iš anksto sukurtą parinktį, jei sukūrėte savo paryškinimą arba norite, kad piktograma atrodytų plokštesnė be visur esančio burbulo, kuris rodomas daugumoje numatytųjų Apple piktogramų.

3) Įkelkite svetainės žymės jutiklinę piktogramą į pagrindinį žiniatinklio katalogą

Naudokite SFTP klientą (OS X į Finder įtraukia FTP, o CyberDuck arba Filezilla yra nemokami), kad nukopijuotumėte failą apple-touch-icon.png į šakninį žiniatinklio katalogą. Paprastai tai yra ta pati vieta, kur yra pagrindinis svetainių indekso failas. Įkėlę įsitikinkite, kad jis yra tinkamoje vietoje, atidarydami žiniatinklio naršyklę, apsilankę „http://SITEURL.com/apple-touch-icon.png“ ir įsitikinę, kad ji įkeliama.

Štai 512 × 512 tinklainei paruoštos žymės piktogramos pavyzdys iš OSXDaily.com:

Atkreipkite dėmesį, kad be iš anksto sudarytos vėliavėlės aukščiau esančioje piktogramoje bus rodomas paryškinimo debesėlis. Skirtumą tarp šių dviejų galite pamatyti palyginę tikrąją piktogramą su ta, kuri ekrano kopijose rodoma kaip žymė.

4) Naudokite „iOS“ įrenginį ir pažymėkite svetainę

Tai lengviausia dalis, paimkite „iOS“ įrenginį (geriausia „iPad 3“, kad patvirtintumėte tinklainės aspektą) ir atidarykite „Safari“.Atnaujinkite svetainę, į kurią įkėlėte piktogramą, tada bakstelėkite rodyklės piktogramą ir pasirinkite „Pridėti prie pagrindinio ekrano“ pavadinkite žymę, tada grįžkite į pagrindinį ekraną ir patvirtinkite, kad ji ten yra.

Nepaisant to, kad tinklainės piktograma yra 512 x 512 pikselių, senesniuose „iPhone“ ir ne tinklainės įrenginiuose tinklainės piktograma bus gerai sumažinta. Jei tikrai norite, galite naudoti CSS ir HTML, kad skirtinguose įrenginiuose būtų rodomos skirtingo dydžio piktogramos, tačiau tai tikrai nėra būtina.

Dabar, jei kas nors pažymės jūsų svetainę iPad su tinklainės ekranu, pradiniame ekrane ji atrodys daug geriau. Tai tikrai viskas. Taip, mes jau rašėme apie „Apple Touch“ piktogramą, tačiau dabar ji nusipelno dar vieno paminėjimo, nes „iPad 3“ reikalauja žymiai didesnės raiškos piktogramų ir grafikos.