У меня в логах куча сообщений о не найденных файлах: apple-touch-icon.png и apple-touch-icon-precomposed.png.

Оказывается, когда пользователь заходит на ваш сайт, с iOS устройства запрашиваются файл apple-touch-icon-precomposed.png, который должен быть оформлен в стиле iOS – закругленные углы, блики, и тень. Если такого файла нет, будет запрошен apple-touch-icon.png, которому разрешено быть таким, какой он есть, а все эффекты будут наложены самим iOS.

Что это такое и зачем надо? Пользователи iOS могут добавить ссылку на ваш сайт к себе на рабочий экран. И вот этот apple-touch*** будет иконкой этого сайта.

Можно на это наплевать, а можно смириться и сделать так, как хотят эппловцы.

В результате мы либо прописываем на сайте

<link rel=«apple-touch-icon» href=«/icons/custom_icon.png»>

либо закидываем названные файлы в корень сайта. Кстати, стандартный размер — 57х57.

У фейсбука, например, прям так в корне и лежит: http://fb.com/apple-touch-icon.png


Я зашел на сайт iconifier.net, загрузил подходящую картинку и вуаля, сделал себе иконку для «эппл»:

apple-touch-icon-57x57

Правда, потом сообразил, что нужно искать изначально иконку png с прозрачным фоном, но это уже другая история.

Dollar__Green

Оцени статью: