Значок, значок, ярлык, значок Apple-touch-значок: Есть ли другие?

Я знаю 2 основных вида веб-значков по умолчанию для веб-сайтов:

  • Значок : поместите файл в формате .ico в корень вашего сайта с именем favicon.ico, и большинство настольных браузеров найдут его и отобразят в различных контекстах (закладки, вкладки). Также может быть добавлен в коде, который позволяет указывать другие имена и другие типы графики в файле, хотя существуют ограничения по типу и размеру для браузеры:

    <link rel="shortcut icon" href="/favicon.ico" />
<link rel="icon" href="/favicon.ico" />

  • Значок веб-клипа: поместите файл в формате png с именем apple-touch-icon.png или apple-touch-icon-precomposed.png в корневой каталог вашего сайта, и версии Safari для iPhone OS/iOS заберут их и сохранят при добавлении сайта на главный экран. Также может быть добавлен код, например:

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

Существуют ли какие-либо другие графические значки по умолчанию для веб-сайта, которые веб-мастер может включить?

Author: unor, 2010-08-07
Source

2 answers

Это появляется на основе этого и этого , что Android будет использовать rel тип apple-touch-icon-precomposed или apple-touch-icon, НО что для его работы вам нужно использовать полный URL-адрес, например: 

<link rel="apple-touch-icon-precomposed"
      href="http://www.example.com/custom_icon.png" />

Или: 

<link rel="apple-touch-icon"
      href="http://www.example.com/custom_icon.png" />

Предостережение в том, что это, похоже, для Обновления Android 2.1 1 & Вебкит 3.1. В документации для разработчиков Android упоминается метод в android.webkit, который является событием при извлечении apple-touch-icon.

 8
Author: artlung, 2010-08-08 14:01:47

Это зависит от того, на какую платформу вы ориентируетесь. Но я думаю, что большинство стандартных совместимых мобильных браузеров понимают теги favicon по умолчанию. Возможно, вы можете найти специальные варианты использования (например, создать ярлык на рабочем столе со специальным значком) на таких платформах, как Android, iOS, WebOS,...

Я только что разработал несколько веб-сайтов, ориентированных на пользователей iPhone, и на этих сайтах я использовал Wordpress со специализированной версией темы WPtouch.

 1
Author: fwaechter, 2010-08-07 14:48:20