Фавикон не обязательно должен быть 32 * 32 или 16 * 16. Если вы посетите https://www.favicon -generator.org / и загрузите изображение, оно создаст значок с разным размером пикселя для разных устройств.
Фавикон одинакового размера не будет отлично смотреться на всех устройствах, поэтому вам нужно использовать разные фавиконы.
Некоторые примеры размера значков:
- 16 x 16 - стандартный размер для браузеров
- 24 x 24 - размер прикрепленного IE9 сайта для пользовательского интерфейса
- 32 x 32 - вкладка новой страницы IE, кнопка панели задач Windows 7+, боковая панель списка чтения Safari
- 48 x 48 - сайт Windows
- 57 x 57 - iPod touch, iPhone до 3G
- 60 x 60 - iPhone обновляется до iOS7
- 64 x 64 - сайт Windows, боковая панель списка читателей Safari в HiDPI / Retina
- 70 x 70 - плитка Win 8.1 Metro
- 72 x 72 - iPad подправляется до iOS6
- 76 x 76 - iOS 7
- 96 x 96 - GoogleTV
- 114 x 114 - ретина iPhone обновляется до iOS6
- 120 x 120 - iPhone Retina Touch с iOS7
- 128 x 128 - приложение Chrome Web Store, Android
- 144 x 144 - плитка IE10 Metro для закрепленного сайта, сетчатка iPad до iOS6
- 150 x 150 - плитка Win 8.1 Metro
- 152 x 152 - iPad Retina с сенсорным экраном iOS7
- 196 x 196 - Android Chrome
- 310 x 150 - плитка Metro Win Win шириной 8,1
- 310 x 310 - плитка Win 8.1 Metro
Для IE Microsoft рекомендует 16x16, 32x32 и 48x48, упакованные в файл favicon.ico.
Для iOS Apple рекомендует конкретные имена файлов и разрешения, максимум 180x180 для последних устройств под управлением iOS 8.