Kung mayroon kang sariling website o gumagawa ng isa para sa ibang tao, dapat mong i-customize ang naka-save na icon ng bookmark na lumalabas sa home screen ng mga user ng iOS. Sa screenshot sa itaas makikita mo ang custom na OSXDaily favicon na nakaupo sa screen ng isang iPhone.

Ang pagtatakda ng Apple Touch Icon ay isang magandang ideya dahil bilang default ay magse-save lang ang iOS ng maliit na thumbnail ng site. Ang maliliit na thumbnail ay kadalasang mahirap tukuyin at sa pangkalahatan ay hindi ganoon kaganda, kaya itakda na lang natin ang sarili mong favicon na larawan.

Paano I-customize at Magtakda ng Apple Touch Icon para sa isang Website

• Gumawa ng icon, siguraduhing ito ay isang parisukat, ang isa dito sa OSXDaily.com ay 512 × 512 pixels, ngunit maaari kang pumili ng iba pang mga parisukat na laki kung gusto mo - tandaan na mas malaki ay angkop para sa ang retina ay nagpapakita
• I-save ang icon ng homescreen bilang PNG file at lagyan ng label ito: apple-touch-icon.png
• I-drop ang apple-touch-icon.png sa root webserver directory, para ma-access ito sa domain.com/apple-touch-icon.png
• Subukan ang icon ng bookmark ng homescreen ng iyong mga website sa pamamagitan ng pagbisita sa site mula sa Safari sa iOS, at pagkatapos ay pag-tap sa “Idagdag sa Home Screen”
• Tingnan ang homescreen ng iOS device at makikita mo ang bookmark na naka-save doon kasama ng iyong bagong custom na icon, tulad ng screenshot sa itaas

Hangga't ang file ay wastong pinangalanan at nasa root directory ng webservers, malalaman ng Mobile Safari kung ano ang gagawin dito kaya wala nang kailangan pang pagsasaayos para lumabas ang partikular na iOS na favicon.

Para sanggunian, narito ang aming custom na 'apple-touch-icon.png' na imahe na ginagamit namin para sa OSXDaily.com, ang halimbawang icon ng bookmark na ito ay ginawa at sukat nang naaangkop para sa mga retina display ():

Mapapansin mo na ang aktwal na icon na file ay walang light refraction na naka-save sa icon, ang iOS ang humahawak dito nang mag-isa. Maaari mong gamitin ang anumang larawan na gusto mo, ngunit inirerekumenda kong gumawa ng isa na kumukuha ng pamilyar na UI ng mga kasalukuyang icon ng iOS.

Malinaw na hindi ito katulad ng pagkakaroon ng nakalaang iOS app, ngunit isang magandang ideya ang isang disenteng karanasan ng user sa mobile mula sa web at iniiwasan nito kung ano ang maaaring maging mataas na presyo ng pagbuo ng isang iOS app.

At hey, kung nag-aalala ka tungkol sa mga bagay na tulad nito, malamang na gumagamit ka ng Photoshop upang idisenyo man lang ang mga icon di ba? Kaya tingnan ang ilan habang ginagawa mo ito.