# PlayDrop 游戏的商店页面图标、主视觉图、截图和视频

PlayDrop 游戏可以有哪些商店页面图片和视频，它们的路径、格式和方向，以及如何制作在信息流、搜索和链接预览中都好看的图片。

Source: https://www.playdrop.ai/zh-hans/create/learn/listing-assets

商店页面是玩家在开始游玩之前看到的内容：在首页、搜索、即玩信息流中，以及链接被分享时。对一款游戏的最初几次游玩来说，好的图片比任何说明都更有用。

## 游戏可以有的媒体

| catalogue 字段 | 用途 | 格式 |
|---|---|---|
| `icon` | 在列表、搜索和 Chat 中显示的方形应用图标 | PNG |
| `heroLandscape` | 带游戏标题的 16:9 宽幅主视觉图 | PNG |
| `heroPortrait` | 带标题的 9:16 竖幅主视觉图，用于手机 | PNG |
| `socialLandscape` | 可选的宽幅链接预览图 | PNG 或 JPEG |
| `screenshotsLandscape`、`screenshotsPortrait` | 真实的游戏截图 | PNG |
| `videosLandscape` | 游戏预告片 | MP4 |
| `videosPortrait` | 用于手机和即玩信息流的竖屏短片 | MP4 |

在应用的 `listing` 对象中声明它们，路径相对于 catalogue.json：

```json
{
  "listing": {
    "icon": "listing/icon.png",
    "heroLandscape": "listing/hero-landscape.png",
    "heroPortrait": "listing/hero-portrait.png",
    "screenshotsLandscape": ["listing/shot-1.png", "listing/shot-2.png"],
    "videosLandscape": ["listing/trailer.mp4"],
    "videosPortrait": ["listing/teaser.mp4"]
  }
}
```

截图和视频条目也可以是带有 `path`、`title`、`alt` 和 `caption` 的对象。`listing/` 下没有被 catalogue 引用的文件不会用作商店页面媒体。商店页面媒体需要使用[包](https://www.playdrop.ai/zh-hans/create/learn/packaging)；简单 HTML 方式没有商店页面媒体。

## 制作好用的图片

- **图标**：一个醒目的形状或角色，缩到 48 像素也能看清，不要小字，也不要直接缩小截图。
- **主视觉图**：图中要有标题、主角或主要动作，并在边缘留出空间，因为不同设备上的信息流裁剪方式不同。
- **截图**：以游戏原生分辨率截取的真实游戏画面，展示不同的时刻。不要设备样机图。
- **预告片**：第一秒就开始展示游戏画面，保持简短，不要依赖声音：商店页面视频是静音播放的。
- **竖屏短片**：对于手机游戏和想进入[即玩](https://www.playdrop.ai/zh-hans/create/learn/instant-games)的游戏，先录制竖屏游戏画面；横屏预告片可以以后再做。

只展示游戏真正具备的功能、模式和语言。

## 翻译后的图片

带文字的图片可以按语言翻译：在 `listingLocalizations` 中该语言的条目里引用翻译后的文件，例如 `"fr": { "displayName": "Saut lunaire", "listing": { "heroLandscape": "listing/locales/fr/hero-landscape.png" } }`。请参阅[本地化](https://www.playdrop.ai/zh-hans/create/learn/localization)。

## 更新

每次上传都是完整快照：每个版本都要再次包含商店页面，否则新版本将没有商店页面媒体。未改动的文件可以从保留的版本中重复使用，而不必再次上传。

## 相关指南

- [打包和 .play](https://www.playdrop.ai/zh-hans/create/learn/packaging): 整理一个根目录带有 catalogue.json 的已构建游戏文件夹、ZIP 或 .play，声明商店页面媒体和服务器，并用 prepare_catalogue_upload 上传。
- [本地化](https://www.playdrop.ai/zh-hans/create/learn/localization): 用 sdk.host.language 读取玩家的语言，选择要支持 PlayDrop 20 种语言中的哪些，并用 listingLocalizations 翻译商店页面及其图片。
- [即玩游戏](https://www.playdrop.ai/zh-hans/create/learn/instant-games): PlayDrop 游戏成为即玩游戏的条件：竖屏游玩、允许访客、启动文件最多 10 MiB 并在两秒内启动，以及它与普通游戏的区别。
- [类型和标签](https://www.playdrop.ai/zh-hans/create/learn/tags): PlayDrop 游戏可用的必填类型标签和可选的子类型、游玩方式、主题与氛围标签，以及它们如何决定游戏在浏览和搜索中的位置。