Подесите “аппле-тоуцх-ицон.пнг” да прилагодите веб локације иПхоне Боокмарк ФавИцон

Преглед садржаја:

Anonim

Ако имате сопствену веб локацију или је развијате за неког другог, требало би да прилагодите икону сачуваног обележивача која се појављује на почетном екрану иОС-а корисника. На слици изнад видећете прилагођени ОСКСДаили фавицон који се налази на екрану иПхоне-а.

Подешавање Аппле Тоуцх иконе је добра идеја јер ће иОС подразумевано само сачувати малу сличицу сајта. Мале сличице је често тешко идентификовати и генерално не изгледају тако сјајно, па хајде да уместо тога поставите сопствену слику икона.

Како прилагодити и поставити Аппле Тоуцх икону за веб локацију

  • Креирајте икону, уверите се да је квадрат, она овде на ОСКСДаили.цом је 512×512 пиксела, али можете изабрати и друге квадратне величине ако заиста желите – напомена да је већа прикладна за ретина дисплеји
  • Сачувајте икону почетног екрана као ПНГ датотеку и означите је: аппле-тоуцх-ицон.пнг
  • Спусти аппле-тоуцх-ицон.пнг у основни директоријум веб сервера, тако да му се може приступити на домаин.цом/аппле-тоуцх-ицон.пнг
  • Тестирајте икону обележивача на почетном екрану своје веб локације тако што ћете посетити сајт из Сафарија у иОС-у, а затим додирнути „Додај на почетни екран“
  • Погледајте почетни екран иОС уређаја и видећете обележивач сачуван тамо са вашом новом прилагођеном иконом, као на слици изнад

Све док је датотека правилно названа иу основном директоријуму веб сервера, Мобиле Сафари ће знати шта да ради са њом, тако да није потребно даље прилагођавање да би се приказала икона специфичног за иОС.

За референцу, ево наше прилагођене слике 'аппле-тоуцх-ицон.пнг' коју користимо за ОСКСДаили.цом, овај пример иконе обележивача је креиран и одговарајуће величине за екране мрежњаче ():

Приметићете да стварна датотека иконе нема преламање светлости сачувано на икони, иОС то сам решава. Можете да користите било коју слику коју желите, али бих вам препоручио да направите ону која обухвата познати кориснички интерфејс постојећих иОС икона.

Ово очигледно није исто што и поседовање наменске иОС апликације, али пристојно мобилно корисничко искуство са веба је добра идеја и избегава оно што може бити висока цена развоја иОС апликације.

И хеј, ако сте забринути због оваквих ствари, вероватно користите Пхотосхоп да бисте барем дизајнирали иконе, зар не? Зато погледајте неке док сте већ код тога.

Подесите “аппле-тоуцх-ицон.пнг” да прилагодите веб локације иПхоне Боокмарк ФавИцон