Создание значка приложения для Windows
После разработки значка приложения необходимо создать сами файлы значков. Так как Windows поддерживает несколько тем, разрешение отображения и коэффициенты масштабирования, вы должны предоставить несколько версий значка, чтобы убедиться, что он выглядит отлично на каждом устройстве в любом размере.
Размеры значков (WPF, UWP, WinUI)
В Windows отображается значок приложения с различными размерами в зависимости от того, где отображается значок, а также параметры масштабирования экрана пользователя. В следующей таблице перечислены все возможные размеры, которые Windows может использовать для отображения значка.
Размеры значков (Win32)
Файлы ICO Windows уже давно ходят. Существуют стандартные размеры, которые используются в подмножестве полного набора выше.
Масштабирование значков
Когда в Windows отображается значок приложения, он сначала будет искать точное соответствие размера. Если точного совпадения нет, он будет искать следующий размер выше и уменьшить масштаб. Включение дополнительных размеров значков в приложение означает, что Windows часто будет иметь идеальное сопоставление пикселей и уменьшить объем масштабирования, примененного к масштабируемым значкам.
| Коэффициент масштабирования Windows 11 | 100% | 125% | 150% | 200 % | 250 % | 300 % | 400 % |
|---|---|---|---|---|---|---|---|
| Контекстное меню, строка заголовка, системная область | 16px | 20px | 24px | 32px | 40px | 48px | 64px |
| Панель задач, результаты поиска, запуск списка всех приложений | 24px | 30 пикселей | 36 пикселей | 48px | 60 пикселей | 72px | 96px |
| Начальные закрепления | 32px | 40px | 48px | 64px | 80 пикселей | 96px | 256px |
Примечание.
Приложения должны иметь, как минимум: 16x16, 24x24, 32x32, 48x48 и 256x256. Это охватывает самые распространенные размеры значков и предоставляя значок размером 256 пикселей, гарантирует, что Windows должна только когда-либо масштабировать значок вниз, никогда не вверх.
Прозрачные фоны
Значки лучше всего выглядят с прозрачным фоном. Если фирменной символикой вашего приложения требуется, чтобы значок был наклеен на фоновом фоне, это тоже нормально. Однако вам придется повторно реализовать некоторые функции тем, которые прозрачные значки получают бесплатно. Например, вы можете предоставить версию значка вашего приложения на двух разных фонах, один лучше подходит для светлой темы и другой для темной темы.
Полный список значков и вариантов
Windows использует различные ресурсы значков в разных контекстах пользовательского интерфейса. Использование изменилось немного между Windows 10 и Windows 11.
Приведенные ниже списки определяют определенные имена файлов Windows, которые будут содержать каждый соответствующий значок.
Значок приложения
В Windows 10 и 11 значок AppList является основным значком приложения. Он будет использоваться в нескольких местах, включая панель задач, пин-коды запуска, список всех приложений и список результатов поиска. Windows 11 выбирает соответствующий значок для списка всех приложений на основе текущего коэффициента масштабирования, но Windows 10 использует определенные, явно определенные значки, если они указаны.
Отдельные файлы для всех трех вариантов темы (по умолчанию, светлая тема, темная тема) требуются, даже если значок совпадает. Если эти файлы не указаны, значок появится на системной пластине значков, чтобы обеспечить минимальное соотношение контрастности.
Размер целевого объекта списка приложений (обязательный)
- AppList.targetsize-16.png
- AppList.targetsize-20.png
- AppList.targetsize-24.png
- AppList.targetsize-30.png
- AppList.targetsize-32.png
- AppList.targetsize-36.png
- AppList.targetsize-40.png
- AppList.targetsize-48.png
- AppList.targetsize-60.png
- AppList.targetsize-64.png
- AppList.targetsize-72.png
- AppList.targetsize-80.png
- AppList.targetsize-96.png
- AppList.targetsize-256.png
Темная тема (обязательно)
- AppList.targetsize-16_altform-unplated.png
- AppList.targetsize-20_altform-unplated.png
- AppList.targetsize-24_altform-unplated.png
- AppList.targetsize-30_altform-unplated.png
- AppList.targetsize-32_altform-unplated.png
- AppList.targetsize-36_altform-unplated.png
- AppList.targetsize-40_altform-unplated.png
- AppList.targetsize-48_altform-unplated.png
- AppList.targetsize-60_altform-unplated.png
- AppList.targetsize-64_altform-unplated.png
- AppList.targetsize-72_altform-unplated.png
- AppList.targetsize-80_altform-unplated.png
- AppList.targetsize-96_altform-unplated.png
- AppList.targetsize-256_altform-unplated.png
Светлая тема (обязательно)
- AppList.targetsize-16_altform-lightunplated.png
- AppList.targetsize-20_altform-lightunplated.png
- AppList.targetsize-24_altform-lightunplated.png
- AppList.targetsize-30_altform-lightunplated.png
- AppList.targetsize-32_altform-lightunplated.png
- AppList.targetsize-36_altform-lightunplated.png
- AppList.targetsize-40_altform-lightunplated.png
- AppList.targetsize-48_altform-lightunplated.png
- AppList.targetsize-60_altform-lightunplated.png
- AppList.targetsize-64_altform-lightunplated.png
- AppList.targetsize-72_altform-lightunplated.png
- AppList.targetsize-80_altform-lightunplated.png
- AppList.targetsize-96_altform-lightunplated.png
- AppList.targetsize-256_altform-lightunplated.png
Масштабирование списка приложений (Windows 10) (необязательно)
- AppList.scale-100.png
- AppList.scale-125.png
- AppList.scale-150.png
- AppList.scale-200.png
- AppList.scale-400.png
Светлая тема (Windows 10) (необязательно)
- AppList.scale-100_altform-colorful_theme-light.png
- AppList.scale-125_altform-colorful_theme-light.png
- AppList.scale-150_altform-colorful_theme-light.png
- AppList.scale-200_altform-colorful_theme-light.png
- AppList.scale-400_altform-colorful_theme-light.png
Примечание.
Если вы не включаете в значок целевые ресурсы для целевой версии -*-altform-unplated над значком, будет масштабироваться до меньшего размера и будет получать нежелательные задние знаки за значком на панели задач и на начальной панели.
Плитки
Windows 10 поддерживает четыре размера плиток: небольшие, средние, широкие и большие.
По умолчанию / темная тема (частично обязательная)
- SmallTile.scale-100.png
- SmallTile.scale-125.png
- SmallTile.scale-150.png
- SmallTile.scale-200.png
- SmallTile.scale-400.png
- MedTile.scale-100.png
- MedTile.scale-125.png
- MedTile.scale-150.png
- MedTile.scale-200.png
- MedTile.scale-400.png
- WideTile.scale-100.png
- WideTile.scale-125.png
- WideTile.scale-150.png
- WideTile.scale-200.png
- WideTile.scale-400.png
- LargeTile.scale-100.png
- LargeTile.scale-125.png
- LargeTile.scale-150.png
- LargeTile.scale-200.png
- LargeTile.scale-400.png
Светлая тема (необязательно)
- SmallTile.scale-100_altform-colorful_theme-light.png
- SmallTile.scale-125_altform-colorful_theme-light.png
- SmallTile.scale-150_altform-colorful_theme-light.png
- SmallTile.scale-200_altform-colorful_theme-light.png
- SmallTile.scale-400_altform-colorful_theme-light.png
- MedTile.scale-100_altform-colorful_theme-light.png
- MedTile.scale-125_altform-colorful_theme-light.png
- MedTile.scale-150_altform-colorful_theme-light.png
- MedTile.scale-200_altform-colorful_theme-light.png
- MedTile.scale-400_altform-colorful_theme-light.png
- WideTile.scale-100_altform-colorful_theme-light.png
- WideTile.scale-125_altform-colorful_theme-light.png
- WideTile.scale-150_altform-colorful_theme-light.png
- WideTile.scale-200_altform-colorful_theme-light.png
- WideTile.scale-400_altform-colorful_theme-light.png
- LargeTile.scale-100_altform-colorful_theme-light.png
- LargeTile.scale-125_altform-colorful_theme-light.png
- LargeTile.scale-150_altform-colorful_theme-light.png
- LargeTile.scale-200_altform-colorful_theme-light.png
- LargeTile.scale-400_altform-colorful_theme-light.png
Примечание.
Windows 11 не использует ресурсы плиток, но в настоящее время для публикации в Microsoft Store требуется как минимум средний ресурс плитки на 100 %. Если приложение совместимо с Windows 10 и 11, рекомендуется включить как можно больше ресурсов плитки.
Экран-заставка
Экраны-заставки также могут быть светлыми и темными темами, такими как ресурсы значков приложения.
По умолчанию
- SplashScreen.scale-100.png
- SplashScreen.scale-125.png
- SplashScreen.scale-150.png
- SplashScreen.scale-200.png
- SplashScreen.scale-400.png
Темная тема (необязательно)
- SplashScreen.scale-100_altform-colorful_theme-dark.png
- SplashScreen.scale-125_altform-colorful_theme-dark.png
- SplashScreen.scale-150_altform-colorful_theme-dark.png
- SplashScreen.scale-200_altform-colorful_theme-dark.png
- SplashScreen.scale-400_altform-colorful_theme-dark.png
Светлая тема (необязательно)
- SplashScreen.scale-100_altform-colorful_theme-light.png
- SplashScreen.scale-125_altform-colorful_theme-light.png
- SplashScreen.scale-150_altform-colorful_theme-light.png
- SplashScreen.scale-200_altform-colorful_theme-light.png
- SplashScreen.scale-400_altform-colorful_theme-light.png
Эмблема
Значки эмблемы используются на экране блокировки Windows 10 и для большинства приложений не требуются.
Windows 10 (необязательно)
- BadgeLogo.scale-100.png
- BadgeLogo.scale-125.png
- BadgeLogo.scale-150.png
- BadgeLogo.scale-200.png
- BadgeLogo.scale-400.png
Логотип пакета (логотип Microsoft Store)
Эти ресурсы необходимы для публикации в Microsoft Store.
По умолчанию / темная тема (обязательно)
- StoreLogo.scale-100.png
- StoreLogo.scale-125.png
- StoreLogo.scale-150.png
- StoreLogo.scale-200.png
- StoreLogo.scale-400.png
Светлая тема (необязательно)
- StoreLogo.scale-100_altform-colorful_theme-light.png
- StoreLogo.scale-125_altform-colorful_theme-light.png
- StoreLogo.scale-150_altform-colorful_theme-light.png
- StoreLogo.scale-200_altform-colorful_theme-light.png
- StoreLogo.scale-400_altform-colorful_theme-light.png
Windows developer