Лучшие размеры значков для веб-сайтов
В сети десятки рекомендаций. Вот минимальный набор, который фактически покрывает 100% пользователей.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Что запрашивают браузеры
Браузеры для настольных компьютеров запрашивают размеры 16×16 (вкладка), 32×32 (панель закладок) и 48×48 (результаты поиска). Все трое счастливо живут в одном файле .ico.
Что запрашивают операционные системы
Windows Меню «Пуск» и проводник могут запрашивать размер до 256×256. macOS предпочитает .icns, но принимает .ico. Объедините 16, 32, 48, 64, 128, 256 в вашем .ico, чтобы охватить все.
Какие PWA и мобильные запросы
Добавьте 180×180 (apple-touch-icon) и 192×192 + 512×512 PNG (веб-манифест) для чистой установки на главном экране.
Минимальный жизнеспособный набор
favicon.ico нескольких размеров + apple-touch-icon.png (180×180) + PNG 512×512 в вашем манифесте. Вот и все.
Частые вопросы
What is the best favicon size for websites?
Ship a multi-size favicon.ico with 16, 32, 48, 64, 128, and 256 pixels. Add 180×180 for Apple and 192/512 PNGs for PWAs.
What favicon size do browsers use in tabs?
Desktop browsers typically request 16×16 for tabs, 32×32 for bookmark bars, and 48×48 for some search results.
What is the minimum favicon setup?
A multi-size favicon.ico plus apple-touch-icon.png (180×180) and a 512×512 PNG in your web manifest.
Do I need a 256×256 favicon?
Yes for Windows shortcuts and high-DPI surfaces. Bundle it inside your .ico file.