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

А для полноты картины-ссылка на пост Скотта Хансельмана, который также содержит некоторые дополнительные советы:

Добавьте значки главного экрана iPhone и отрегулируйте ViewPort

Из руководства Apple Developer Connection Safari Web Content Guide for iPhone page укажите значок веб-страницы для веб-клипа ...

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

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

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

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

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

Смотрите "Create an Icon for Your Web Application or Webpage" в iPhone Руководящих принципов человеческого интерфейса в iPhone Руководство по человеческому интерфейсу для веб-страницы метрики иконок.

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

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

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

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

См. "Create an Icon for Your Web Application or Webpage" в iPhone руководстве по человеческому интерфейсу для веб-приложений для метрик значков веб-страниц.

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

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

Добавьте apple-touch-icon для Safari на iPhone