通过

构造 Windows 应用的图标

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

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

图标大小（WPF、UWP、WinUI）

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

图标大小 (Win32)

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

图标缩放

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

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

注意

应用应至少具有以下像素：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