Ako imate vlastitu web stranicu ili je razvijate za nekog drugog, trebali biste prilagoditi ikonu spremljene oznake koja se pojavljuje na korisničkom početnom zaslonu iOS-a. Na gornjoj snimci zaslona vidjet ćete prilagođenu favicon OSXDaily na zaslonu iPhonea.

Postavljanje ikone Apple Touch je dobra ideja jer će prema zadanim postavkama iOS samo spremiti malu sličicu stranice. Male minijature često je teško prepoznati i općenito ne izgledaju tako sjajno, pa umjesto toga postavimo vlastitu sliku favicona.

Kako prilagoditi i postaviti Apple Touch ikonu za web mjesto

• Stvorite ikonu, provjerite je li kvadratna, ova ovdje na OSXDaily.com je 512×512 piksela, ali možete odabrati druge veličine kvadrata ako stvarno želite – napominjemo da je veća prikladna za retina zasloni
• Spremite ikonu početnog zaslona kao PNG datoteku i označite je: apple-touch-icon.png
• Ispustite apple-touch-icon.png u korijenski direktorij web poslužitelja, tako da mu se može pristupiti na domain.com/apple-touch-icon.png
• Testirajte ikonu knjižne oznake na početnom zaslonu web-mjesta tako da posjetite web-mjesto iz Safarija u iOS-u, a zatim dodirnete “Dodaj na početni zaslon”
• Pogledajte početni zaslon iOS uređaja i vidjet ćete oznaku spremljenu tamo s vašom novom prilagođenom ikonom, kao na gornjoj snimci zaslona

Sve dok je datoteka pravilno nazvana i nalazi se u korijenskom direktoriju web-poslužitelja, Mobile Safari će znati što treba učiniti s njom tako da nema potrebe za daljnjim podešavanjem da bi se prikazao specifičan favicon za iOS.

Za referencu, ovdje je naša prilagođena slika 'apple-touch-icon.png' koju koristimo za OSXDaily.com, ovaj primjer ikone knjižne oznake stvoren je i odgovarajuće veličine za retina zaslone ():

Primijetit ćete da stvarna datoteka ikone nema lom svjetlosti spremljen na ikonu, iOS to rješava sam. Možete koristiti bilo koju sliku koju želite, ali preporučujem da izradite onu koja prikazuje poznato korisničko sučelje postojećih iOS ikona.

Ovo očito nije isto što i imati namjensku iOS aplikaciju, ali pristojno mobilno korisničko iskustvo s weba je dobra ideja i izbjegava ono što može biti visoka cijena razvoja iOS aplikacije.

I hej, ako ste zabrinuti zbog ovakvih stvari, vjerojatno koristite Photoshop barem za dizajniranje ikona, zar ne? Pa provjerite neke dok ste već kod toga.