Компания Favicon усложнилась в последние годы. Появились новые устройства (re), такие как планшеты и смарт-смартфоны. Они используют favicons по-новому (например, как значки приложений на домашних экранах) и требуют специфических для поставщика способов их связывания. Подобным образом браузеры теперь позволяют создавать ярлыки для веб-приложений на рабочем столе (которые также используют значки для значков). Хуже того, теперь у нас есть дисплеи с высоким разрешением ( "сетчатки" ) в портативных устройствах и ноутбуках, для которых требуются изображения с более высоким разрешением для значков. Хуже того, разные браузеры (и версии) поддерживают разные графические форматы для значков и разных размеров. Начиная с 16x16-only. Только для IE6 и заканчивая Opera, которая теперь поддерживает значки .svg.
Что мне делать, чтобы поддерживать яркие значки на большинстве современных устройств и браузеров?
До сих пор лучшим ресурсом, который я мог найти, был html5boilerplate, который рекомендует иметь следующие файлы:
apple-touch-icon-114x114-precomposed.png
apple-touch-icon-144x144-precomposed.png
apple-touch-icon-57x57-precomposed.png
apple-touch-icon-72x72-precomposed.png
apple-touch-icon-precomposed.png
apple-touch-icon.png
favicon.ico # 32x32
не помещая никаких ссылок на них в теге <head>
.
Изменить: другое соображение состоит в том, что файлы .ico могут хранить в нем несколько изображений с различным разрешением. Это полезно или поддерживается?