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

Question

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

Answer 1

Смотрите на Указание значка веб-страницы для веб-клипа раздел программы Настройка веб-приложений страница из Руководство по веб-контенту Safari в Справочная библиотека Safari...

Указание значка веб-страницы для веб-клипа

Примечание к операционной системе iPhone: Функция веб-клипа доступна в iPhone OS 1.1.3 и более поздних версиях.Тот Самый apple-touch-icon-precomposed.png имя файла доступно в iPhone OS 2.0 и более поздних версиях.

Возможно, вы захотите, чтобы пользователи могли добавлять ссылку на ваше веб-приложение или веб-страницу на начальный экран.Эти ссылки, обозначается значком, под названием Web Клипы.Выполните следующие простые действия, чтобы указать значок для представления вашего веб-приложения или веб-страницы в iPhone OS.

• Чтобы указать значок для всего веб-сайта (каждой страницы веб-сайта), поместите файл значка в формате PNG в корневую папку с документами под названием apple-touch-icon.png или apple-touch-icon-precomposed.png.Если вы используете apple-touch-icon-precomposed.png как имя файла, Safari в iPhone OS не добавит никаких эффектов к значку.

• Чтобы указать значок для отдельной веб-страницы или заменить значок веб-сайта значком для конкретной веб-страницы, добавьте на веб-страницу элемент link, как в:
  <link rel="apple-touch-icon" href="/custom_icon.png"/>
  В приведенном выше примере замените custom_icon.png с вашим значком имя файла.Если вы не хотите, чтобы Safari в iPhone OS добавляла какие-либо эффекты к значку , замените apple-touch-icon с apple-touch-icon-precomposed.

Видишь "Создайте значок для Вашего веб-приложения или веб-страницы" в Рекомендации по пользовательскому интерфейсу iPhone для веб-приложений для метрик значков веб-страниц.

Answer 2

И для полноты картины, ссылка на публикацию Скотта Хансельмана, которая также содержит несколько дополнительных советов:

Добавьте значки iPhone на главном экране и настройте область просмотра

Answer 3

Со страницы Руководства по веб-контенту Apple Developer Connection Safari для iPhone Указание значка веб-страницы для веб-клипа...

Пользователь может добавить веб-приложение или ссылку на веб-страницу на начальном экране.Эти ссылки, представленные значком, называются веб-клипами.Выполните следующие простые действия , чтобы указать значок для представления вашего веб-приложения или веб-страницы на iPhone.

Чтобы указать значок для всего веб-сайта (каждой страницы на веб-сайте), поместите файл значка в формате PNG в корневую папку документов под названием apple-touch-icon.png.

Чтобы указать значок для одной веб-страницы или заменить значок веб-сайта значком для конкретной веб-страницы, добавьте на веб-страницу элемент link, как в:

<link rel="apple-touch-icon" href="/custom_icon.png"/>

В приведенном выше примере замените custom_icon.png на свой значок имя файла.

В разделе "создать значок для вашего веб Приложения или веб-страницы" в iPhone Принципы пользовательского интерфейса, в iPhone Методические рекомендации по управлению интерфейс веб-страницы показатели значок.

Примечание:Функция веб-клипа доступна в iPhone 1.1.3 и более поздних версиях.

Answer 4

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

Answer 5

Я высказал предположение, что Stack Overflow реализует apple-touch-icon:

Добавьте значок Apple touch для Safari на iPhone