构造 Windows 应用的图标

显示 Windows 11 中多个图标位置的关系图。

在设计出应用图标后,需要创建图标文件本身。 由于 Windows 支持多个主题、显示分辨率和比例系数,因此需要提供多个版本的图标,以确保它在任何尺寸的任何设备上看起来都很棒。

图标大小(WPF、UWP、WinUI)

Windows 将以各种大小显示你的应用图标,具体取决于图标的当前显示位置和用户的显示比例设置。 下表列出了 Windows 可用于显示图标的所有可能大小。

图标大小 (Win32)

Windows ICO 文件已经存在很长时间。 使用的标准大小是上述完整集的一部分。

图标缩放

当 Windows 显示应用图标时,它首先会查找完全匹配的大小。 如果没有完全匹配项,它将查找上述集合中的下一个大小并纵向缩减。 在应用中包含更多图标大小意味着 Windows 很多时候都会找到完全匹配的像素,从而减少应用于缩放图标的缩放量。

Windows 11 比例系数 100% 125% 150% 200% 250% 300% 400%
关联菜单、标题栏、系统托盘 16px 20px 24px 32px 40px 48px 64px
任务栏、搜索结果、开始、所有应用列表 24px 30px 36px 48px 60px 72px 96px
启动大头针 32px 40px 48px 64px 80px 96px 256px

注意

应用应至少具有以下像素:16x16、24x24、32x32、48x48 和 256x256。 这涵盖了最常见的图标大小,通过提供 256px 图标,可确保 Windows 只会纵向缩减图标,从不会纵向缩放。

透明背景

建议使用透明图标背景中。 如果应用品牌打造要求在背景上对图标进行着色,那也没关系。 但是,必须重新实现一些透明图标免费获取的主题功能。 例如,你可以提供在两个不同的背景上进行着色的应用图标版本,一个更适合浅色主题,另一个更适合深色主题。

图标和变体的完整列表

Windows 在不同的 UI 上下文中使用不同的图标资产。 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

注意

如果未包含上述 targetsize-*-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 不使用磁贴资产,但目前至少需要 100% 的中等磁贴资产才能发布到 Microsoft Store。 如果你的应用与 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