跳转到主要内容
← 返回文章列表

开发者资源

App Store 产品页面标头尺寸(iOS 27):3840×1646 与安全区

App Store 产品页面标头为 3840×1646 像素(21:9),支持 JPEG 或 PNG,也可以是 5–30 秒的视频。了解它出现在哪里、1646×661 的美术安全区,以及如何围绕它进行设计。

产品页面标头是人们在 App Store 上打开您的 App 时看到的第一样东西。Apple 在 WWDC26 上推出了它,它会在 iOS 27 和 iPadOS 27 及更高版本中显示。本文介绍它的确切尺寸、设计时必须考虑的安全区,以及标头会出现在哪里。

**简短回答:**产品页面标头为 3840 × 1646 像素(21:9),格式为不含透明度的 JPEG 或 PNG。请把所有重要内容放在居中的 1646 × 661 美术安全区内。您也可以改用相同尺寸、时长 5–30 秒的视频。


什么是产品页面标头 #

它是位于产品页面最顶部的一张宽幅图片或一段视频,在 App 图标、名称和截图上方。与截图不同,它不必展示您的 App。Apple 建议用它来展示您的品牌、季节性优惠或新内容,为产品页面的其余部分“定下基调”。

带有新标头的产品页面:品牌图片位于 App 图标上方,截图在下方。图片:Apple,WWDC26。
带有新标头的产品页面:品牌图片位于 App 图标上方,截图在下方。图片:Apple,WWDC26。

标头是三种创意素材之一,另外两种是搜索结果素材,以及可以同时用于这两个位置的通用素材。我们的 WWDC26 变化概览解释了它们如何相互配合。

它会出现在哪里 #

  • 您的产品页面顶部,在 iPhone 和 iPad 上,任何方向下都会显示。
  • **自定产品页面。**每个自定产品页面都可以有自己的标头,因此来自广告或您网站的链接可以落到与之匹配的视觉素材上。
  • **产品页面优化。**您可以让不同的标头视觉素材相互对比测试。
  • **当您的 App 获得推荐时。**Apple 表示,App Store 推荐您的 App 时,创意素材可能会出现。

标头只在 iOS 27 和 iPadOS 27 或更高版本中显示。使用旧版本的人看到的产品页面没有标头。

产品页面标头尺寸 #

图片 视频
尺寸 3840 × 1646 像素 3840 × 1646 像素
宽高比 21:9 21:9
格式 .jpeg、.jpg 或 .png .mov、.m4v 或 .mp4
帧率 — 30 或 60 fps
时长 — 5 到 30 秒
其他规则 不含 Alpha 通道或透明度 循环播放;默认静音,人们可以打开声音

这个尺寸是固定的,不是一个范围。您也可以在标头位置使用 5244 × 2950 的 PNG 通用素材,详见通用素材指南。尺寸来自 Apple 的创意素材规格,核对日期为 2026 年 10 月 21 日。

标头安全区 #

Apple 的文档中并没有写出安全区的数值。这些数值在它为 Photoshop 和 Pixelmator 提供的标头模板里,以一个美术安全区框的形式标出。下面是按比例绘制的样子:

产品页面标头 21:9

美术安全区 1646 × 661 3840 × 1646 px

3840 × 1646 px
安全区 1646 × 661,占画布的 43% × 40%

绿色框是 Apple 模板中的美术安全区,位置完全一致。请把文字、标志和视觉焦点放在框内;框外的内容在某些设备和方向上可能会被裁掉。
像素 占画布比例
画布 3840 × 1646 100%
美术安全区 1646 × 661 宽度的 43%,高度的 40%
安全区位置 x 1097、y 493(左上角) 水平和垂直均居中
左右边距 各 1097
上下边距 各 493

这个框很小。超过一半的宽度和大部分高度都可能被裁掉,因为同一张图片既要填满竖握的手机,也要填满横放的 iPad。所以:

  • **把文字、标志和视觉焦点放在框内。**比如标题、角色的脸、产品图。
  • **其余部分用可以被裁掉的内容填充。**比如背景、纹理,或者只剩中间部分时依然能看懂的场景。
  • **不要让元素贴着边缘对齐。**放在左上角的标志位于安全区之外,可能会消失。
  • **在预览中检查。**App Store Connect 的预览会在您提交之前,以 iPhone 和 iPad、两种方向以及每一种语言展示页面。

Apple 的设计建议 #

摘自 Apple 的素材指南:

  • **一个清晰的想法。**内容密集、杂乱的标头会让人抓不住重点。
  • **为初次访问者而设计。**展示对从未听说过您 App 的人最有吸引力的内容。
  • **文字要短,能不用就不用。**用一个简短的短语为图片增色,而不是描述图片,并为您支持的每一种语言翻译。
  • **不要出现价格、折扣、URL 或版权符号,**不要提及其他平台或商店,也不要使用 Editor's Choice 等 Apple 奖项。
  • **内容适合 4+ 年龄分级,**即使您的 App 分级更高。
  • **视频方面:**选好一个有冲击力的封面帧,以最精彩的瞬间开场,循环衔接自然,并确保在静音状态下也能看懂。

如何上传标头 #

有两种方式,两者都要经过 App Review:

  1. **随 App 版本提交。**在 App Store Connect 的版本页面添加标头,预览后提交该版本。
  2. **通过素材库提交。**单独上传图片或视频并提交审核,无需新版本。

素材获批后,您可以把标头切换为该素材并立即发布。这样一来,季节性或营销活动标头只是一次快速更改,而不是一次版本发布。

标头不会取代您的截图 #

您的截图仍然显示在标头正下方,也仍然是人们在做决定之前滑动浏览的内容。请把标头和截图当作一套来规划,使用相同的颜色、字体和信息,并一起更新。

相关文章 #

常见问题

App Store 产品页面标头的尺寸是多少?

3840 × 1646 像素,宽高比为 21:9,格式为不含透明度的 JPEG 或 PNG。您也可以使用 5244 × 2950 的 PNG 通用素材,或一段 3840 × 1646、时长 5 到 30 秒的视频。

产品页面标头的安全区是多少?

Apple 的标头模板标出了一个 1646 × 661 像素的美术安全区,位于 3840 × 1646 画布的正中,左上角坐标为 x 1097、y 493。它大约占画布宽度的 43%、高度的 40%。请把文字、标志和视觉焦点放在其中。

产品页面标头可以是视频吗?

可以。标头视频为 3840 × 1646 像素,30 或 60 fps,时长 5 到 30 秒,格式为 .mov、.m4v 或 .mp4。视频会循环播放,默认静音,人们可以在您的产品页面上打开声音。

产品页面标头会出现在哪里?

在 iOS 27 和 iPadOS 27 及更高版本中,出现在您的 App Store 产品页面顶部,位于 App 图标、名称和截图上方。每个自定产品页面都可以有自己的标头。

更改标头需要新的 App 版本吗?

不需要。图片或视频在素材库中获批后,您就可以切换标头并发布更改,无需提交新版本。

开发者资源

加入其他开发者,节省时间

无需设计技能。告别 Figma 导出噩梦。告别手动上传。