创建应用商店资源

了解如何为应用的商店页面创建屏幕截图和预览。


在将你的应用提交到 Google Play 商店和 Apple App Store 之前,你需要为商店列表页面提供一些素材。这些图片和视频的目的是让潜在用户了解你的应用体验将会是怎样的。

🌐 Before submitting your app to the Google Play Store and Apple App Store, you need to provide some assets for your store listing page. The goal of these images and videos is to give your prospective users an idea of what your app experience is going to be like.

你需要为两个应用商店上传应用截图。尽管在两个商店中它们都被称为“应用截图”,但确实必须包含你应用的真实视觉效果。没有规定这些图片必须是在特定设备上截取的截图。

🌐 You will need to upload app screenshots for both app stores. Even though they are called "app screenshots" on both stores, they do have to include accurate visuals of your app. There is no rule citing that these images have to be screenshots taken on specific devices.

两个应用商店对图片的格式和大小都有要求。然而,在这些限制范围内,你仍然可以发挥创意。例如,一种常见的方法是使用设计工具(如 Figma)设计素材,并结合实际的应用截图(或设计图)以及辅助信息。

🌐 Both app stores have requirements on image format and size. However, within these restrictions, you can be creative. For example, a common approach is to design the assets using a design tool such as Figma and incorporate actual app screenshots (or designs) with supplementary messaging.

创建“截图”的不同方法

🌐 Different approaches for creating "screenshots"

创建应用商店截图通常有三种常用方法。你可以根据你的应用需求和资源选择最适合的方法。

🌐 There are three commonly used approaches to creating your store screenshots. You can choose whichever approach works best for your app's needs and resources.

选项 1:实际截图

🌐 Option 1: actual screenshots

最简单直接的方式——在真实设备上打开你的应用并截图。

🌐 The most straightforward option — open up your app on a real device and take screenshots.

优点:操作简单。最准确地呈现你的应用。

缺点:需要在不同设备上加载应用才能获取完整的截图范围。

Screenshots of the Expo Go Apple App Store Listing Page.

选项 2:设计中的截图

🌐 Option 2: screenshots within a design

大多数应用都采用这种方法。这种方法包括截取应用的屏幕截图(或者在某些情况下,使用现有设计代替实际截图),并将它们与适当的信息一起嵌入商店资源中。

🌐 The majority of apps use this approach. It involves taking screenshots of the app (or in some cases, using existing designs instead of actual screenshots) and embedding them in the store assets along with appropriate messaging.

优点: 允许在资源中传达额外的信息。

缺点: 这些资源需要使用设计软件来创建。

Screenshots of the Brex Apple App Store Listing Page.

选项3:让它更精致

🌐 Option 3: make it fancy

在此选项中,在应用商店页面上,你可以合并应用设计元素和创意消息来突出你的产品。

🌐 In this option, on the app store pages, you can incorporate elements of your app design and creative messaging to highlight your product.

优点: 你可以让你的商店页面变得有创意和有趣。

缺点: 需要有经验的设计师来创建和维护资源。

Screenshots of the MS Office Apple Store Listing Page.

Google Play 商店资源要求

🌐 Google Play Store Asset Requirements

谷歌对商店资源的格式和尺寸有具体要求,这些要求与苹果的不同。有关最新规范,请参阅 官方文档 以获取 Google Play 商店资源的详细要求。

🌐 Google has specific requirements for the store asset format and dimensions, which are different from Apple's. For the most up-to-date specifications, see official documentation for detailed requirements for your Google Play Store assets.

存储资源 Figma 模板

请参阅我们的模板,了解最低资源要求的摘要。

应用图标

🌐 App icon

与 Apple App Store 中的应用图标始终从应用包中自动获取不同,在 Google Play 商店中,你还必须为商店列表上传单独的应用图标。

🌐 Unlike on the Apple App Store, where the app icon is always taken automatically from the app bundle, on the Google Play Store, you must also upload a separate App Icon for your store listing.

特性图

🌐 Feature graphic

必须提供特色图形才能发布你的商店列表。这是一种横幅,显示在商店列表页面的顶部。

🌐 A feature graphic must be provided to publish your Store Listing. It is a banner that is displayed at the top of your store listing page.

截图

🌐 Screenshots

你需要上传至少四张屏幕截图才能发布你的应用。

🌐 You need to upload at least four screenshots to publish your app.

视频(可选)

🌐 Video (optional)

你可以在商店列表中添加一个预览视频。视频需要上传到 YouTube,并且可以通过在预览视频字段中输入 YouTube URL 来添加。

🌐 You can add one preview video to your Store Listing. The video needs to be uploaded to YouTube, and you can add it by entering a YouTube URL in the preview video field.

iOS 应用商店资源要求

🌐 iOS App Store Asset Requirements

对于 iOS 应用商店,你可以上传截图(图片)和预览(视频)。对于每一种,Apple 都有特定的宽度和高度要求。请务必参考 Apple 的截图规范 以获取准确尺寸。即使只差一个像素,也会导致无法提交图片。

🌐 For the iOS App Store, you can upload screenshots (images) and previews (videos). For each, Apple requires specific widths and heights. Make sure to reference the Screenshot specifications from Apple for the exact sizing. Even a single pixel-off will mean you cannot submit the images.

存储资源 Figma 模板

请参阅我们的模板,了解最低资源要求的摘要。

截图

🌐 Screenshots

至少,苹果要求你上传带有动态岛(6.9 英寸)的 iPhone 截图。你可以选择性地为其他屏幕尺寸上传额外截图。如果未提供特定截图,将使用从最接近上传尺寸缩放下来的截图。

🌐 At a minimum, Apple requires you to upload screenshots for iPhone with the dynamic island (6.9 inch). You can optionally upload additional screenshots for other screen sizes. If specific screenshots are not provided, scaled down screenshots from the closest uploaded size will be used instead.

如果你的应用在 iPad 上运行,你还必须提供一组 iPad 屏幕截图(13 英寸)。

🌐 If your app runs on iPad, you must also provide one set of iPad screenshots (13 inch).

每个本地化版本最多可以上传十张截图。如果你的应用提供多种语言,并且截图中包含文字,你应为每个本地化版本上传相应语言的截图。

🌐 You can upload up to ten screenshots per localization. If your app is available in multiple languages and your screenshots include text, you should upload screenshots with the appropriate language for each localization.

屏幕截图可以是纵向或横向。

🌐 Screenshots can be portrait or landscape.

预览(可选)

🌐 Preview (optional)

你可以包含应用预览视频来演示你的应用如何工作。你可以为每种屏幕尺寸最多添加三个应用预览。

🌐 You can include An app preview video to demonstrate how your app works. You can add up to three app previews for each screen size.

请参阅 Apple 文档中的 应用预览规范,了解视频尺寸和格式的摘要。

🌐 See App Preview Specifications from Apple documentation for a summary of video size and format.

最低限度

🌐 Bare minimum

以下是发布应用所需的最低限度。

🌐 Below is the bare minimum needed to publish your apps.

Google Play 商店 - 安卓

🌐 Play Store - Android

类型数量尺寸要求
应用图标1512 × 51232位 PNG(带透明通道);最大文件大小:1024 KB
特性图11024 × 500JPEG 或 24位 PNG(不含透明通道)
截图4-10最小:1024 × 500
最大宽度:3840px
9:16 纵横比
JPEG 或 24位 PNG(不含透明通道)

App Store - iPhone

类型数量尺寸(选择一个)要求
截屏(带动态岛的 iPhone)2-101320 × 2868
1290 × 2796
JPG 或 PNG(无透明通道)

App Store - iPad

如果你的应用也在 iPad 上运行,你需要提供额外的屏幕截图。

🌐 If your app also runs on an iPad, you need to supply additional screenshots.

类型数量尺寸(任选其一)要求
截图2-102064 × 2752
2048 × 2732
JPG 或 PNG(无透明通道)