Ошибка apple-touch-icon.png не найден

apple-touch-icon.png Если в логах сервера вы обнаружили ошибки 404 о том, что не найдены файлы "apple-touch-icon.png" и "apple-touch-icon-precomposed.png", то это говорит о том, что на ваш сайт ходили с iPhone или iPad.

[error] File does not exist: apple-touch-icon-precomposed.png
[error] File does not exist: apple-touch-icon.png

Если на сайт заходят с iPad или Apple iPhone (т.е. с iOS), то браузер запрашивает из корня сайта специальные картинки (типа favicon.ico), которые используются для создания красивой иконки сайта для домашнего экрана (Home screen). В офдоке Apple это называется Web Clip Icons.

Причём, сначала запрашивается файл apple-touch-icon-precomposed.png, который должен быть оформлен по всем требованиям (глянец, скруглённые уголки), и если его нет, то запрашивается apple-touch-icon.png, который может представлять из себя просто картинку, а все эффекты наложатся на него автоматически. По некоторым данным, если таких картинок нет, то будет использоваться скриншот сайта.

Если не указано месторасположение файла apple-touch-icon.png, то айфон по уполчанию запрашивается его из корня сайта. Указать расположение файла можно с помощью тега <link> в разделе <head></head>.

<link rel="apple-touch-icon" href="[путь_к_иконке]">

Для отдельных страниц можно указывать свои картинки.

Кроме того, можно указать несколько иконок для разных разрешений. Для этого используется атрибут sizes:

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">

В этом случае будет использоваться значок наиболее подходящих размеров. Если атрибут sizes не установлен, по умолчанию размер элемента 60 х 60.

Еще про apple-touch-icon.png можно почитать (английский) на официальном сайте apple:

Бoнус
Шуточный тестУлучшитель настроения
Реклама