Как предоставить моим веб-сайтам значок для iPhone?

Как установить значок, который отображается на iPhone правильно для веб-сайтов, которые я создаю?

ОТВЕТЫ

Ответ 1

См. Раздел " Указание значка веб-страницы для веб-клипа " на странице "Настройка веб-приложений" в Руководстве по веб-контенту 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 для получения подробной информации.

Ответ 3

Из страницы руководства для веб-материалов 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 и более поздних версиях.

Ответ 4

Добавьте это в свой раздел: <link rel="icon" href="/your-icon-url"/>