Dacă aveți un site web propriu sau dezvoltați unul pentru altcineva, ar trebui să personalizați pictograma de marcaj salvată care apare pe ecranul de pornire al utilizatorului iOS. În captura de ecran de mai sus, veți vedea faviconul personalizat OSXDaily pe ecranul unui iPhone.

Setarea pictogramei Apple Touch este o idee bună, deoarece, implicit, iOS va salva doar o mică miniatură a site-ului. Miniaturile mici sunt adesea greu de identificat și, în general, nu arată atât de grozav, așa că, în schimb, să setăm propria imagine a faviconului.

Cum să personalizați și să setați o pictogramă Apple Touch pentru un site web

• Creați pictograma, asigurați-vă că este un pătrat, cel de aici pe OSXDaily.com are 512×512 pixeli, dar puteți alege alte dimensiuni pătrate dacă doriți cu adevărat – rețineți că mai mare este potrivit pentru afișează retina
• Salvați pictograma ecranului de pornire ca fișier PNG și etichetați-o: apple-touch-icon.png
• Plasați apple-touch-icon.png în directorul serverului web rădăcină, astfel încât să poată fi accesat la domain.com/apple-touch-icon.png
• Testează pictograma de marcaj de pe ecranul de pornire al site-ului web vizitând site-ul din Safari în iOS, apoi atingând „Adaugă la ecranul de pornire”
• Uită-te la ecranul de pornire al dispozitivului iOS și vei vedea marcajul salvat acolo cu noua pictogramă personalizată, cum ar fi captura de ecran de mai sus

Atâta timp cât fișierul este denumit corect și se află în directorul rădăcină al serverului web, Mobile Safari va ști ce să facă cu el, astfel încât să nu mai fie nevoie de alte ajustări pentru ca favicon-ul specific iOS să apară.

Pentru referință, iată imaginea noastră personalizată „apple-touch-icon.png” pe care o folosim pentru OSXDaily.com, acest exemplu de pictogramă marcaj este creat și dimensionat corespunzător pentru afișajele retină ():

Veți observa că fișierul pictogramă real nu are refracția luminii salvată pe pictogramă, iOS se ocupă de asta de unul singur. Puteți utiliza orice imagine doriți, dar vă recomand să creați una care să surprindă interfața de utilizare familiară a pictogramelor iOS existente.

Acest lucru nu este, evident, același lucru cu a avea o aplicație iOS dedicată, dar o experiență decentă de utilizator mobil de pe web este o idee bună și evită ceea ce poate fi prețul mare al dezvoltării unei aplicații iOS.

Și hei, dacă ești îngrijorat de chestii de genul acesta, probabil că folosești Photoshop cel puțin pentru a crea pictogramele, nu? Așa că verificați câteva în timp ce sunteți la asta.