MSIX 应用的应用屏幕截图、图像和预告片

精心设计的图片是你在应用商店中向潜在客户展示自己应用的主要方式之一。

你可以提供 屏幕截图徽标预告片和其他艺术资产,以包含在应用的应用商店一览中。 其中一些是必需的,有些是可选的(尽管某些可选图像对于最佳应用商店展示效果很重要)。

应用提交过程中,你可以在 应用商店一览 步骤中提供这些艺术资产。 请注意,在应用商店中使用的映像及其显示方式可能因客户的操作系统和其他因素而异。

Microsoft Store 还可能会使用你包含在应用包中的应用图标和其他图像。 运行 Windows 应用认证工具包 ,确定在提交应用之前是否缺少任何所需映像。 有关这些图像的指南和建议,请参阅 应用图标和徽标

屏幕截图

屏幕截图是在应用的应用商店一览中向客户显示的应用图像。

显示一个部分的屏幕截图,你可以在其中为 MSIX/PWA 应用添加屏幕截图和徽标。

你可以选择为应用支持的不同设备系列提供屏幕截图,以便当客户在该类型的设备上查看应用的应用商店一览时显示相应的屏幕截图。

只需提交一个屏幕截图(对于任何设备系列),但你也可以提供多个屏幕截图;桌面屏幕截图最多 10 张,其他设备系列屏幕截图最多 8 张。 我们建议为你的应用支持的每个设备系列提供至少四个屏幕截图,这样用户就能看到应用在其设备类型上的外观。 (不包括应用不支持的设备系列屏幕截图。)请注意,桌面屏幕截图将会显示给使用 Surface Hub 设备的客户。

注意

Microsoft Visual Studio 提供了一个 工具来帮助你捕获屏幕截图。 每个屏幕截图必须是横向或纵向的 .png 文件,并且文件大小不能超过 50 MB。

尺寸要求因设备系列而异:

  • 桌面 1366 x 768 像素或更大尺寸。 支持 4K 图像 (3840 x 2160)。 (也会在 Surface Hub 设备上向客户显示。)

  • Xbox 3480 x 2160 像素或更小,1920 x 1080 像素或更高版本。 支持 4K 图像 (3840 x 2160)。

  • 全息设备 1268 x 720 像素或更大。 支持 4K 图像 (3840 x 2160)。

为了获得最佳显示效果,请在创建屏幕截图时牢记以下准则:

  • 将关键视觉对象和文本保留在图像的前三分之二。 文本覆盖可能会显示在底部三分之一。
  • 不要在屏幕截图中添加其他徽标、图标或市场营销信息。
  • 不要使用太浅或太深的颜色或对比度太高的条纹,以免影响文本覆盖的可读性。

你也可以提供简短的描述文字,以不超过 200 个字符来描述每个屏幕截图。

提示

屏幕截图将按顺序显示在一览中。 上传屏幕截图后,可以拖放屏幕截图重新排序。 请注意,如果为 多种语言创建应用商店一览,则每个语言都有一个 Microsoft Store 一览 页面。 您需要为每种语言分别上传图像(即使使用了相同的图片),并为每种语言提供描述文字。 (如果你有多种语言的 Store 一览,你可能会发现,通过导出一览数据并脱机工作,更容易对其进行更新。)

Microsoft Store 徽标

你可以上传应用商店徽标,在应用商店中进行更个性化的展示。 我们建议你提供这些图像,以便你的应用商店一览就能在应用支持的所有设备和操作系统版本上以最佳方式显示。 请注意,如果你的应用适用于 Xbox 上的客户,则有一些图像是必须提供的。

你可以提供这些图像的 .png 文件(不超过 50 MB),每个图像都应遵循以下准则。

2:3 海报插图(720 x 1080 或 1440 x 2160 像素)

对于游戏,这用作 Windows 10、Windows 11 和 Xbox 设备上的客户的主徽标图像, 因此强烈建议提供 此图像以确保正确显示。 这不适用于应用。 有关应用图标的信息,请参阅以下关于 1:1 应用磁贴图标(300 x 300 像素)的部分

如果未包含它,那么你的一览效果就会不太好,并且与客户在浏览应用商店时看到的其他一览也不一致。 该图像也可用于搜索结果或编辑特选集合中。

该图像可以包含应用的名称。 如果在图像上添加了应用名称,它应符合无障碍可读性要求(对比度为 4.51)。 请注意,文本覆盖可能显示在此图像的底部三分之一,因此请确保不要在该范围内包含文本或关键图像。

注意

如果你的应用可供 Xbox 上的客户使用,则此图像 必需,并且必须包含产品的标题。 标题必须显示在图像的前三分之二,因为文本覆盖可能显示在图像的下三分之一。

1:1 游戏封面(1080 x 1080 或 2160 x 2160 像素)

对于游戏,此图像可能出现在适用于 Windows 10、Windows 11 和 Xbox 设备的各种应用商店页面中,如果未提供 2:3 海报图片 ,它将用作主徽标。 这不适用于应用。 有关应用图标的信息,请参阅以下关于 1:1 应用磁贴图标(300 x 300 像素)的部分

该图像也可以包含应用的名称。 图像的下三分之一可能会出现文字覆盖,因此不要在该区域放置文字或关键内容。

注意

如果你的应用可供 Xbox 上的客户使用,则此图像 必需,并且必须包含产品的标题。 标题必须显示在图像的前三分之二,因为文本覆盖可能显示在图像的下三分之一。

1:1 应用磁贴图标(300 x 300 像素)

该图像将显示在 Windows 10、Windows 11 和 Xbox 设备的各种应用商店页面上。 强烈建议为应用提供此映像。 如果未提供此图像,应用商店将使用应用包中的图像。

注意

如果按照建议选择上传 1:1 应用磁贴图标(300 x 300 像素),则应用商店会将此图像优先于应用包中包含的图像。

预告片和其他资产

本部分可让你提供插图以帮助在应用商店中更有效地展示产品。 我们建议提供这些图像,以创建更具吸引力的应用商店一览。

提示

如果计划在 Store 一览中包括视频预告片,则特别推荐游戏采用 16:9 超级人物插图图像;如果不包括,则一览顶部不会显示预告片。

预告片

预告片是一种短视频,让客户能够看到你的产品的实际效果,从而更好地了解产品。 它们会显示在应用的 Store 一览顶部(前提是包括 16:9 超级人物插图图像)。

显示一个可以为 MSIX/PWA 应用添加一段预告片的部分的屏幕截图。

预告片使用 平滑流式处理进行编码,根据客户端的可用带宽和 CPU 资源实时调整传送到客户端的视频流的质量。

注意

预告片仅在 Windows 10 版本 1607 或更高版本(包括 Xbox)上向客户显示。

上传预告片

最多可以向应用商店一览添加 15 个预告片。 请确保它们满足下面列出的所有 要求

对于提供的每个预告片,你必须上传视频文件(.mp4 或 .mov)、缩略图和标题。

重要

在为游戏使用预告片时,还必须提供 16:9 超级英雄艺术 图像部分,以使预告片显示在您的商店列表顶部。 预告片播放完毕后将显示该图像。

遵循这些建议让预告片生效:

  • 预告片的质量上乘且长度尽可能短(建议 60 秒或更短,并要小于 2 GB)。
  • 为每个预告片使用不同的缩略图,让客户知道它们是独一无二的。
  • 由于某些应用商店的布局可能会稍微裁剪预告片的顶部和底部,因此请确保在屏幕中心显示关键信息。
  • 帧速率和分辨率应与源资料匹配。 例如,以 720p60 拍摄的内容应以 720p60 编码和上传。
  • 若要使残障用户更易于使用预告片,可以上传隐藏式字幕和音频说明:
    • 隐藏式字幕为失聪或听力障碍的个人提供音频文本替代。
    • 音频说明有助于为失明或视力不佳的个人提供视觉元素的音频替代项。

您还必须遵守以下要求。

若要向列表添加预告片,请:

  1. 单击“ 上传 ”并在指示的部分中上传预告片 视频文件 。 如果想要重复使用已上传的预告片(可能适用于其他语言的 Microsoft Store 一览),也会显示下拉框。
  2. 上传预告片后,需要上传与之配套的缩略图。 这必须是一个 1920 x 1080 像素的 .png 文件,通常是从预告片中截取的静态图像。
  3. 单击铅笔图标为预告片添加 标题 (255 个字符或更少)。
  4. 若要添加隐藏式字幕文件,请单击隐藏式字幕部分中的“上传”按钮,然后选择 Web VTT (.vtt) 文件。 文件大小必须小于 50 MB。
  5. 若要添加音频说明文件,请单击音频说明部分中的“上传”按钮,然后选择 MP3 (.mp3) 文件。 文件大小必须小于 500 MB。
  6. 如果要向列表添加更多预告片,请关闭面板,单击“ 上传 ”并重复上面列出的步骤。

提示

如果已创建多种语言的应用商店一览,则可以选择“从现有预告片中选择“以重复使用已上传的预告片。 无需为每个语言单独上传预告片。 若要从列表中删除预告片,请单击其文件名旁边的 X 。 你可以选择仅将其从当前使用的 Store 一览中删除,或将其从产品的所有 Store 一览(每种语言)中删除。

预告片要求

提供预告片时,务必遵循以下要求:

  • 视频格式必须为 MOV 或 MP4。
  • 预告片的文件大小不应超过 2 GB。
  • 视频分辨率必须为 1920 x 1080 像素。
  • 缩略图必须是分辨率为 1920 x 1080 像素的 PNG 文件。
  • 标题不能超过 255 个字符。
  • 不要在预告片中包含年龄分级。
  • 隐藏式字幕文件必须采用 Web VTT (.vtt) 格式,文件大小必须小于 50 MB
  • 音频说明文件必须采用 MP3(.mp3)格式,文件大小必须小于 500 MB

警告

要求在预告片中包含年龄分级的例外情况仅适用于 Microsoft Store 中显示在产品页面上的预告片。 任何发布在合作伙伴中心之外的预告片,如果不是专门显示在 Microsoft Store 的产品页面上,都必须根据相应分级机构的指导原则在需要时显示嵌入的分级信息。
与应用商店一览页面上的其他字段一样,预告片必须通过认证才能将其发布到 Microsoft Store。 请确保预告片符合 Microsoft应用商店策略

根据文件类型的不同,还有其他一些要求。

MOV

视频
- 1080p ProRes (适当时 HQ) - 本机帧速率;首选 29.97 FPS

音频
- 需要立体声 - 推荐的音频级别:-16 LKFS/LUFS

MP4

视频
编解码器H.264 (AVC1) - 逐行扫描(非隔行扫描)- 高级配置文件 - 2 个连续的 B 帧 - 封闭 GOP。 半帧速率的 GOP - CABAC - 50 Mbps - 颜色空间:4.2.0

音频
编解码器:AAC-LC
- 声道:立体声或环绕声音
- 采样率:48 KHz
- 音频比特率:384 Kbps 用于立体声,512 Kbps 表示环绕声音

警告

客户可能听不到使用 AVC1 以外的编解码器编码的 MP4 文件的音频。 对于 H.264 Mezzanine 文件,建议要符合以下要求:

  • 容器:MP4
  • 无编辑列表(否则可能会失去 AV 同步)
  • 文件前面有 moov atom(快速启动)

Windows 10 和 Xbox 图像(16:9 超级人物图片)

Windows 10 或 Windows 11 和 Xbox 图像 部分中,16:9 超级英雄艺术(1920 x 1080 或 3840 x 2160 像素) 图像被应用于所有 Windows 10、Windows 11 和 Xbox 设备上的 Microsoft 应用商店的各种布局中。 无论应用针对哪个操作系统版本或设备类型,都建议你提供此图像。

如果列表包含视频预告片,则游戏需要此图像才能正确显示。 对于 Windows 10 版本 1607 或更高版本(包括 Xbox)的客户,它用作应用商店一览顶部的主图像(或在任何预告片播放完毕后显示)。 它还可用于在整个应用商店的促销布局中展示你的应用。 请注意,该图像不得包含产品标题或其他文本。

下面是设计此图像时要注意的一些提示:

  • 图像必须是 1920 x 1080 像素或 3840 x 2160 像素的 .png。
  • 选择与应用相关的动态图像,以提高识别度和差异化。 避免使用图片库中的照片或一般视觉效果。
  • 不要在图像中包含文本。
  • 避免将关键视觉元素放在图片底部三分之一范围内(因为在某些布局中,可能会在该部分应用渐变)。
  • 将最重要的细节放在图片中央(因为在某些布局中可能会对图像进行裁剪)。
  • 尽量减少空白。
  • 避免显示应用的 UI,也不要使用任何特定于设备的图像。
  • 避免使用政治和国家主题、旗帜或宗教符号。
  • 不要包含敏感的手势、裸体、赌博、货币、毒品、烟草或酒精的图像。
  • 不要使用武器指向观众,也不要显得过度暴力和血腥。

虽然提供此图像可以让我们考虑为你的应用提供精选推广机会,但这并不保证你的应用一定会获得精选推广。 有关详细信息 ,请参阅“使应用易于推广 ”。

Xbox 图像

如果将应用发布到 Xbox,则需要这些图像才能正确显示。

可以上传 3 种不同的大小:

  • 品牌关键艺术,584 x 800 像素:必须包括产品的标题。 此图像必须有品牌栏。 将标题和所有关键图像保留在图像的前三分之二中,因为覆盖层可能显示在第三分之一上方。
  • 标题式人物插图,1920 x 1080 像素:必须包含产品的标题。 将标题和所有关键图像保留在图像的前三分之二中,因为覆盖层可能显示在第三分之一上方。
  • 特色促销方形插图,1080 x 1080 像素:不得包含产品的标题。

注意

若要在 Xbox 上获得最佳显示,还必须在 Microsoft Store 徽标部分提供 2:3 (720 x 1080 或 1440 x 2160 像素)图像。

全息图像

仅当应用支持全息设备系列时,才会使用 2:1(2400 x 1200) 图像。 如果有,则建议提供该图像。