Веб програмери и власници веб локација обраћају пажњу: потребно је да поставите икону обележивача за иОС спремну за ретина. Иконе обележивача се зову Аппле Тоуцх Ицон, а ове прилагођене слике постају иконе које се приказују на почетном екрану корисника када означе веб локацију на иПад-у, иПхоне, или иПод тоуцх у иОС-у, или табла са обележивачима Сафарија за ОС Кс.Без прилагођеног скупа датотека аппле-тоуцх-ицон, корисници ће добити досадну и често ружну сличицу саме веб странице, а без коришћења иконе спремне за ретина, икона обележивача ће изгледати пикселирано и генерално ужасно на новом иПад екрану.

Ево шта треба да урадите да бисте направили савршену Аппле Тоуцх икону за мрежњачу за било коју веб локацију у неколико једноставних корака.

1) Креирајте Ретина-Реади иОС веб локацију

Користите шаблон или дизајнирајте свој. Користио сам једноставан комплет икона „уради сам“ ретина који је поменут у претходном посту, то је ПСД датотека која чини дизајнирање лепих иОС икона једноставним као клик или два. Налепите веб локацију или логотип компаније и прилично сте спремни. Ако немате шта да уређујете ПСД датотеке, Пхотосхоп ЦС6 бета је одличан и бесплатан за преузимање и коришћење док коначна верзија не изађе касније током године.

2) Сачувајте као ПНГ и именујте икону обележивача веб локације Ретина

Икона мора бити ПНГ и мора бити названа једном од две ствари. Сваки назив датотеке нуди мало другачији изглед иконе приказане на почетном екрану корисника:

• “аппле-тоуцх-ицон.пнг” ће додати преклапање мехурића на икону
• “аппле-тоуцх-ицон-прецомпосед.пнг” ће приказати икону онако како је првобитно креирана, без преклапања за истицање

Користите последњу унапред састављену опцију ако сте креирали сопствени истицање или ако желите да икона изгледа равномерније без свеприсутног мехурића који се појављује на већини Аппле-ових подразумеваних икона.

3) Отпремите додирну икону обележивача веб локације у основни веб директоријум

Користите СФТП клијент (ОС Кс укључује ФТП у Финдер-у, а ЦиберДуцк или Филезилла су бесплатни) да копирате датотеку аппле-тоуцх-ицон.пнг у основни веб директоријум. Ово је обично иста локација на којој се налази главна индексна датотека сајтова. Када се отпреми, потврдите да је на одговарајућој локацији тако што ћете отворити веб прегледач и отићи на „хттп://СИТЕУРЛ.цом/аппле-тоуцх-ицон.пнг“ и проверити да ли се учитава.

Ево примера иконе обележивача спремне за мрежњачу величине 512×512 са ОСКСДаили.цом:

Приметите да ће без -прекомпоноване заставице, горња икона приказати облачић за истицање. Можете видети разлику између ове две иконе упоређујући стварну икону са оном приказаном на снимцима екрана као обележивач.

4) Користите иОС уређај и обележите сајт

Ово је најлакши део, узмите иОС уређај (пожељно иПад 3 да бисте потврдили аспект мрежњаче) и отворите Сафари.Освежите веб локацију на коју сте отпремили икону, а затим додирните икону стрелице и изаберите „Додај на почетни екран“ дајте назив обележивачу, а затим се вратите на почетни екран да бисте потврдили да је тамо.

Упркос томе што је 512 к 512 пиксела, икона мрежњаче ће се добро смањивати на старијим иПхоне уређајима и уређајима који нису ретина. Ако заиста желите, можете да користите ЦСС и ХТМЛ да прикажете иконе различите величине на различитим уређајима, али то заиста није неопходно.

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