Объяснение размеров значков
Браузеры, операционные системы и запросы на установку запрашивают разное разрешение значка. В этом руководстве каждый общий размер отображается на его поверхности, поэтому вы точно знаете, что создавать из одного исходного изображения.
Вкладки и закладки мощного браузера размером 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.