
Улучшение нашего портала, которое, думаю, порадует всех, кто просматривает наш сайт с iPhone.
Многие пользователи iPhone знают, что на рабочем столе можно создать иконку любимого сайта.
Фишка прикольная, но огорчает то, что для нее берется не фавикон сайта (из-за того что он слишком маленький), а скриншот, который тоже выглядит не презентабельно:

Ну то есть непонятно что за сайт — по внешнему виду иконки не определить.
Но положение достаточно просто (если знаешь) можно исправить. Щас расскажу как.
Для начала необходимо создать квадратную иконку размером 57x57 пикселей и загрузить ее на сайт.
Затем, в заголовке страницы прописать вот такую строчку:
<link rel="apple-touch-icon" href="/имя_файла.png" />Если посмотреть исходный код главной thinkit'а, то эта строчка будет сразу под строчкой обозначения фавикона (маленький значок, который показывается в адресной строке браузера).
Вот собственно и вся премудрость. Сделать совсем не сложно, а получается хорошо:

Кстати, заметьте — при добавлении иконки на SpringBoard, iPhone сам закруглил иконку и сделал полукруглый блик, а сама иконка изначально плоская и квадратная, можете сами посмотреть:
http://www.thinkit.ru/iphone_icon.pngВот такой вот маленький "хак", спасибо хабрапользователю afan за его
статью на эту тему!