У меня в логах куча сообщений о не найденных файлах: 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, загрузил подходящую картинку и вуаля, сделал себе иконку для «эппл»:
Правда, потом сообразил, что нужно искать изначально иконку png с прозрачным фоном, но это уже другая история.