Отдельные Favicon и Android на главном экране значок

Question

В связи с этим тщательных писать на безумства, который избр иконки:

http://www.jonathantneal.com/blog/understand-the-favicon/

https://mathiasbynens.be/notes/touch-icons

http://en.wikipedia.org/wiki/Favicon

Android теперь начинают использовать синтаксис для его значков рабочего стола, который совпадает с синтаксисом значка fav.

Есть ли у кого-то загадочные комбинации размеров и заказы, чтобы иметь возможность нацелить андроид на отдельный значок рабочего стола и по-прежнему поддерживать совместимость между браузерами.

Например, наша любимая иконка имеет прозрачный фон, и мы предпочитаем выделенные значки для домашних экранов.

Answer 1

Ответ

Сложение и объявить следующие значки в следующем порядке:

• 192x192 PNG иконки (предназначен для Android)
• 194x194 значок PNG (классический дизайн Favicon, с прозрачностью)
• 32x32 PNG icon (классический дизайн для значков, с прозрачностью)

Примечание: Android Chrome может использовать значок 192x192 для начального экрана и закладки, хотя v37, похоже, не делает этого.

Вы можете использовать этот favicon generator для создания кода и изображений, которые вы можете использовать в качестве шаблона. Поскольку он не поддерживает дифференцированную картинку для Android, вам нужно будет добавить изображение 194x194 вручную. Полное раскрытие: я являюсь автором этого сайта.

Пояснения

Для справки, Android Chrome uses a 192x192 icon

<link rel="icon" sizes="192x192" href="/favicon-192x192.png"> 

я сделал some experiments about the Android Chrome favicon. Выводы:

• Android Chrome действительно использует значок 192x192.
• Если он не может найти значок 192x192, он ищет нижние значки определения: 191x191. Else, 190x190. Else ...
• Он не использует ничего выше 192x192. Например, если вы предлагаете значок 16x16 и значок 194x194, Chrome выбирает значок 16x16, даже если значок 194x194 звучит как лучший выбор.

О других браузерах: насколько я знаю, нет другого браузера, который явно выбирает значок 192x192. Хорошо. Иначе это будет проблемой блокировки. Существует две политики:

• Некоторые браузеры выбирают значки PNG низкого разрешения (напр.Windows Firefox использует значок 32x32 PNG).
• Некоторые браузеры выбирают значок PNG с наивысшим определением (например, IE 11).

С этой информацией игра теперь предлагает обоим браузерам то, что они хотят, поэтому никто (но Android Chrome) не получит специальную иконку 192x192. Таким образом, ответ выше.

Немного дополнительного поворота о заказе. Обычно это не имеет значения, поскольку браузер должен выбрать значок только на основе его размера. Except for Firefox, which picks the last declared icon.