Объяснение размеров значков
Браузеры, операционные системы и запросы на установку запрашивают разное разрешение значка. В этом руководстве каждый общий размер отображается на его поверхности, поэтому вы точно знаете, что создавать из одного исходного изображения.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Вкладки и закладки мощного браузера размером 16×16 и 32×32 на стандартном и 2× дисплеях. Они принадлежат favicon.ico и являются дополнительными автономными PNG.
48×48 и 64×64 охватывают Windows Explorer, контакты панели задач и некоторые фрагменты поиска.
128×128 и 256×256 используются в файлах .ico разного размера и пользовательском интерфейсе Windows с высоким разрешением.
180×180 — это apple-touch-icon для главного экрана iOS. Для пользовательских интерфейсов установки Android и Chromium PWA требуются размеры 192×192 и 512×512.
Как это работает
- 1
Выберите квадратный источник
512×512 PNG или SVG с квадратом viewBox.
- 2
Экспортируйте полный набор
Используйте наш генератор значков для .ico, apple-touch-icon и манифеста PNG.
- 3
Ссылка на каждый размер
Скопируйте готовые для вставки теги <link> из пакета README или руководства по генератору HTML.
Попробовать сейчас
Генерировать каждый размер значка
Генератор фавиконовЧастые вопросы
Сколько размеров значков мне действительно нужно?+
Минимум: .ico разных размеров (16/32/48) + 180 apple-touch-icon. Рекомендуется: добавьте 192 и 512 для PWA.
Может ли одно изображение работать для всех размеров?+
Да — начните с 512×512 или SVG и экспортируйте каждый размер программно. Никогда не повышайте масштаб крошечного логотипа.
Какой размер наиболее важен для SEO?+
Google использует в поиске размер не менее 48×48. Используйте 48 внутри вашего .ico и как отдельный PNG.