Поделиться через


Создание значка приложения для Windows

Схема, показывающая несколько расположений значков в Windows 11.

После разработки значка приложения необходимо создать сами файлы значков. Так как 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.

По умолчанию / темная тема (обязательно)

  • 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