构造 Windows 应用的图标
在设计出应用图标后,需要创建图标文件本身。 由于 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 徽标)
需要这些资产才能发布到 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