Как установить значок, который отображается на iPhone
веб-сайтах, которые я создаю?
А для полноты, ссылка на публикацию Скотта Хансельмана, которая также содержит некоторые дополнительные советы:
Добавляем значки iPhone на домашний экран и настраиваем ViewPort
Из страницы руководства для веб-материалов Safari по Apple Developer Connection для iPhone Указание значка веб-страницы для веб-клипа ...
Пользователь может добавить веб-приложение или ссылку на веб-страницу на главный экран. Эти ссылки, представленные значком, называются веб-клипами. Выполните следующие простые шаги, чтобы указать значок для представления вашего веб-приложения или веб-страницы на iPhone.
Чтобы указать значок для всего веб-сайта (каждой страницы веб-сайта), поместите файл значка в формате PNG в корневую папку документов с именем apple-touch-icon.png.
Чтобы указать значок для отдельной веб-страницы или заменить значок веб-сайта значком для веб-страницы, добавьте элемент ссылки на веб-страницу, как показано в:
<link rel="apple-touch-icon" href="/custom_icon.png"/>
В приведенном выше примере замените custom_icon.png на имя файла вашего значка.
См. «Создание значка для вашего веб-приложения или веб-страницы» в Руководстве по интерфейсу пользователя iPhone в Руководстве по интерфейсу пользователя iPhone для метрик значка веб-страницы.
Примечание. Функция веб-клипа доступна в iPhone 1.1.3 и более поздних версиях.
См. Раздел « Указание значка веб-страницы для веб-клипа » на странице « Настройка веб-приложений» в Руководстве по веб-контенту Safari в Справочной библиотеке Safari .
Указание значка веб-страницы для веб-клипа
Возможно, вы захотите, чтобы пользователи могли добавлять ваше веб-приложение или ссылку на веб-страницу на главный экран. Эти ссылки, представленные значком, называются веб-клипами. Следуйте этим простым шагам, чтобы указать значок для представления вашего веб-приложения или веб-страницы на iOS.
Чтобы указать значок для всего веб-сайта (каждой страницы веб-сайта), поместите файл значка в формате PNG в корневую папку документов с именем
apple-touch-icon.png
.Чтобы указать значок для отдельной веб-страницы или заменить значок веб-сайта значком, специфичным для веб-страницы, добавьте элемент ссылки на веб-страницу, как показано ниже:
<link rel="apple-touch-icon" href="/custom_icon.png"/>
В приведенном выше примере заменитеcustom_icon.png
имя файла вашего значка.
Примечание. Safari в iOS 7 не добавляет эффектов к значкам. В старых версиях Safari не будут добавлены эффекты для файлов значков с
-precomposed.png
суффиксом. См. Первые шаги: Идентификация вашего приложения в iTunes Connect для получения подробной информации.
Добавьте это в свой головной раздел:<link rel="icon" href="/your-icon-url"/>
apple-touch-icon
информацию в Руководстве по веб-контенту Safari, а такжеapple-mobile-web-app-capable
метатег для полноэкранного режима.