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

Question

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

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

31

html ios favicon apple-touch-icon

Источник

user83 04 авг '08 в 19:02

5 ответов

Решение

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

Добавить значки iPhone на домашний экран и настроить ViewPort

8

Источник

user91 04 авг '08 в 19:06

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

5

Источник

user83 04 авг '08 в 19:04

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

2

Источник

user7855854 07 июн '17 в 12:32

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

Добавить значок яблока-касания для Safari на iPhone

1

Источник

user83 04 авг '08 в 19:13

Другие вопросы по тегам html ios favicon apple-touch-icon

user83 17 авг '10 в 21:24 2010-08-17 21:24 · Accepted Answer · 2010-08-17 21:24

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

Указание значка веб-страницы для веб-клипа
Примечание для iPhone OS: функция "Веб-клип" доступна в iPhone OS 1.1.3 и более поздних версиях. apple-touch-icon-precomposed.png имя файла доступно в iPhone OS 2.0 и позже.
Возможно, вы захотите, чтобы пользователи могли добавлять ваше веб-приложение или ссылку на веб-страницу на главный экран. Эти ссылки, представленные значком, называются веб-клипами. Следуйте этим простым шагам, чтобы указать значок для представления вашего веб-приложения или веб-страницы на 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,
См. "Создание значка для вашего веб-приложения или веб-страницы" в Руководстве по интерфейсу пользователя iPhone для веб-приложений для метрик значка веб-страницы.