Вопрос:

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

html ios iphone favicon apple-touch-icon

7153 просмотра

5 ответа

31490 Репутация автора

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

Автор: Zack Peterson Источник Размещён: 04.08.2008 07:02

Ответы (5)


5 плюса

31490 Репутация автора

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

Автор: Zack Peterson Размещён: 04.08.2008 07:04

8 плюса

119184 Репутация автора

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

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

Автор: Michael Stum Размещён: 04.08.2008 07:06

1 плюс

31490 Репутация автора

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

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

Автор: Zack Peterson Размещён: 04.08.2008 07:13

4 плюса

31490 Репутация автора

Решение

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

Автор: Zack Peterson Размещён: 17.08.2010 09:24

2 плюса

273 Репутация автора

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

Автор: Bragadeeswaran Размещён: 07.06.2017 12:32
Вопросы из категории :
32x32