Максим!

По моей просьбе ведущий технолог бюро Артём Поликарпов подробно исследовал вопрос, чтобы ввести единые требования в бюро. И вот что получилось.

Необходимый и достаточный пакет

Такой набор иконок обеспечит хорошее качество на всех платформах, представляющих для нас интерес: Виндоус, Мак, АйОС и Андроид. Три файла с указанными названиями достаточно положить в корень сервера — они подключатся автоматически.

Некоторые размеры и их применение

Создание иконки

И в ИКО, и в ПНГ можно использовать альфа-канал.

Лучший способ упаковать несколько размеров для настольных браузеров — мультифайл favicon.ico. Браузер сам определит, какой размер когда использовать. Не нужно химичить с определением браузера на сервере или клиенте.

Без альфа-канала:

С альфа-каналом:

Программа для создания правильных .ico — «Аксиалис Айкон-воркшоп». Работает только под Виндоусом. Родная маковская «Айкон Компоузер» гораздо приятнее в работе, но делает иконки, которые не отображаются в ИЕ.

Иконки для мобильных устройств не могут быть объединены в один файл ПНГ, но они легко таргетируются при помощи атрибутов в ХТМЛ или по названию файла.

• См. о мобильных иконках (на английском):
• Спецификация Эпла
• Матье Бино. Всё что вы хотели знать о тач-иконках

Примеры

Иллюстрации ниже поясняют, как получен необходимый и достаточный пакет.

Яндекс не использует мульти-фавыконку, а для ИЕ специально выводит иконку 48×48, в остальных браузерах — 16×16. Поэтому в «Списке для чтения» в Сафари, на ярлыке Хрома и на панели задач «Я» выглядит плохо:






Могла бы лучше: если подставить 48-й размер, в списке он ужимается до 32, в адресной строке до 16 — не отличить от оригинальных 16×16:






Аналогично и на панели задач:






Набор сайта Эпла:



favicon.ico — 32×32, 16×16 вообще нет (о своём «списке для чтения» подумали, а об ИЕ и Виндовых ярлыках забыли)



apple-touch-icon.png — загадочные 129×129

Если проявить педантизм, выдрючить и специально подключить каждый размер, то стоимость такой иконки непомерно вырастет. Но устройства и сами неплохо масштабируют картинки. Вот как выглядят эпловские 129, уменьшенные до 64 в «списке для чтения»:






Если иконка маленькая, Виндоус не растягивает её на рабочем столе, но растягивает на панели задач: