Фавикон, значок, значок ярлыка, значок apple-touch: есть ли другие?


24

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

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

    <link rel="shortcut icon" href="/webmasters//favicon.ico" />
    <link rel="icon" href="/webmasters//favicon.ico" />
    
  • Значок веб-клипа : поместитеpngотформатированный файл с именемapple-touch-icon.pngилиapple-touch-icon-precomposed.pngв корневой каталог вашего сайта, и версии Safari для iPhone OS / iOS подберут их и сохранят, когда сайт будет добавлен на главный экран. Может также быть добавлен с кодом как:

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

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

Ответы:


8

Она появляется на основе этого и это , что 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 и Webkit 3.1 . В документации разработчика Android упоминается метод в android.webkitтом случае, когда apple-touch-iconизвлекается.


1

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

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.