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

项目
07/23/2024

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

你可以提供要在应用的 Store 一览中包含的屏幕截图、徽标、预告片和其他插图资源。其中一些是必需的，有些是可选的（尽管某些可选图像对于最佳应用商店展示效果很重要）。

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

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

屏幕截图

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

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

只需提交一个屏幕截图（对于任何设备系列），但你也可以提供多个屏幕截图；桌面屏幕截图最多 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)。

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

将关键的视觉效果和文字保留在图片上部 3/4 范围内。文本覆盖可以出现在底部 1/4 范围。
不要在屏幕截图中添加其他徽标、图标或市场营销信息。
不要使用太浅或太深的颜色或对比度太高的条纹，以免影响文本覆盖的可读性。

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

提示

屏幕截图将按顺序显示在一览中。上传屏幕截图后，可以拖放屏幕截图重新排序。请注意，如果为多种语言创建应用商店一览，则每种语言都有一个应用商店一览页面。您需要为每种语言分别上传图像（即使使用了相同的图片），并为每种语言提供描述文字。（如果你有多种语言的 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 像素）的部分。

该图像也可以包含应用的名称。文本覆盖可能显示在此图像的底部四分之一范围内，因此不要在该范围内包含文本或关键图像。

注意

1:1 应用磁贴图标（300 x 300 像素）

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

注意

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

预告片和其他资产

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

提示

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

预告片

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

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

注意

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

上传预告片

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

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

重要

对游戏使用预告片时，还必须提供 16:9 超级人物插图图像部分，以使预告片显示在 Store 一览顶部。预告片播放完毕后将显示该图像。

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

预告片的质量上乘且长度尽可能短（建议 60 秒或更短，并要小于 2 GB）。
为每个预告片使用不同的缩略图，让客户知道它们是独一无二的。
由于某些应用商店的布局可能会稍微裁剪预告片的顶部和底部，因此请确保在屏幕中心显示关键信息。
帧速率和分辨率应与源资料匹配。例如，以 720p60 拍摄的内容应以 720p60 编码和上传。

您还必须遵守以下要求。

向一览添加预告片：

在指明的框中上传预告片视频文件。如果想要重复使用已上传的预告片（可能适用于其他语言的 Microsoft Store 一览），也会显示下拉框。
上传预告片后，还需要随预告片上传一个缩略图。这必须是一个 1920 x 1080 像素的 .png 文件，通常是从预告片中截取的静态图像。
单击铅笔图标为预告片添加一个标题（255 个字符或更少）。
如果想向一览中添加更多预告片，请单击“添加预告片”，然后重复上述步骤。

提示

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

预告片要求

提供预告片时，务必遵循以下要求：

视频格式必须为 MOV 或 MP4。
预告片的文件大小不应超过 2 GB。
视频分辨率必须为 1920 x 1080 像素。
缩略图必须是分辨率为 1920 x 1080 像素的 PNG 文件。
标题不能超过 255 个字符。
不要在预告片中包含年龄分级。

警告

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

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

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 Store 中的各种布局。无论应用针对哪个操作系统版本或设备类型，都建议你提供此图像。

如果一览包含视频预告片，则必须提供该图像游戏才能正确显示。对于 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 上获得最佳显示，还必须在应用商店徽标部分中提供 9:16（720 x 1080 或 1440 x 2160 像素） 图像。

通过