Фавікон, піктограма, значок ярлика, яблучний сенсорний значок: Є ще інші?


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.