App Store Connect截图尺寸适用于所有iOS(iPhone / iPad / Apple Watch)设备。

256

我正在尝试向App Store提交一个新的应用程序,但现在苹果要求提供4.7英寸和5.5英寸的iPhone截图。有人知道这些截图规格(大小)吗?

我已经尝试过:

  • 640 x 1136(竖屏)
  • 640 x 1096(竖屏)
  • 1136 x 640(横屏)
  • 1136 x 600(横屏)

我还尝试使用iPad的截图大小,但也没有成功。我没有收到任何来自苹果的建议或电子邮件,也没有在iTunes Connect中找到任何帮助。


1
苹果有一个描述新的屏幕截图要求的网页吗?这个页面还没有更新。 - Codo
1
我进行了搜索,但是找不到关于新分辨率尺寸的任何信息。而且,我在开发资源中也找不到。仍然没有运气。 - EO Games and Apps
1
这是更新后的内容:https://developer.apple.com/library/ios/documentation/LanguagesUtilities/Conceptual/iTunesConnect_Guide/Appendices/Properties.html - user1872384
1
更新的2017链接:https://developer.apple.com/library/content/documentation/LanguagesUtilities/Conceptual/iTunesConnect_Guide/Chapters/Properties.html#//apple_ref/doc/uid/TP40011225-CH26-SW2 - Ludo
9
好的,我将尽力为您翻译以下内容:2019: https://help.apple.com/app-store-connect/#/devd274dd925 - Asahi
20个回答

549
以下分辨率可用于iTunes connect:
英寸 高度*宽度 设备
3.5 640 x 960 iPhone 3+4
4 640 x 1136 iPhone 5,iPhone 5S,iPhone 5C
4.7 750 x 1334 iPhone 6,iPhone 6S,iPhone 7,iPhone 8
5.5 1242 x 2208 iPhone 6 Plus,iPhone 6S Plus,iPhone 7 Plus,iPhone 8 Plus
5.8 1125 x 2436 iPhone X,iPhone XS
6.1 828 x 1792 iPhone XR
6.5 1242 x 2688 iPhone 13 Pro Max,iPhone 12 Pro Max,iPhone 11 Pro Max,iPhone XS Max,iPhone XR
6.7 1290 x 2796 iPhone 14 Pro Max
7.9 1536 x 2048 iPad Mini 2,iPad Mini 3,iPad Mini 4
9.7 1536 x 2048 iPad 3,iPad 4,iPad Pro,iPad Air,iPad Air 2
10.5 1668 x 2224 iPad Pro
12.9 2048 x 2732 iPad Pro (第五代) (12.9 英寸)
1.5 272 x 340 Apple Watch Series 1,Apple Watch Series 2,Apple Watch Series 3 - 38mm
1.57 394 x 324 Apple Watch Series 4 - 40mm
1.65 312 x 390 Apple Watch Series 1,Apple Watch Series 2,Apple Watch Series 3 - 42mm
1.78 448 x 368 Apple Watch Series 4 - 44mm

即使苹果的文档在这个问题上也是不完整的。

更新:苹果已经推出了一个新的媒体管理器,只需要为最大的iPhone和/或iPad设备创建艺术品即可。较小的图像将由系统自动生成。请注意,如果您之前没有创建过iPad Pro的图像,现在必须要创建(如果您支持iPad)。

更新:支持新设备的屏幕截图和应用预览


15
您能解释一下你是如何得出“iPhone 6 Plus (2208 x 1242)”这个分辨率的吗?因为苹果手机规格给出的加号版的分辨率是1920x1080像素大小... - Orgmir
1
@queenie,3倍。5.5英寸的截图分辨率为2208 x 1242,而不是1920 x 1080。 - northtree
5
@BenClayton 在 iPhone 6 Plus 上的图像被降采样为1.15,转换成更低的像素分辨率。http://www.paintcodeapp.com/news/iphone-6-screens-demystified。我猜iPhone 7可能是2208 x 1242像素。 - northtree
1
缩放确实会改变屏幕截图的分辨率。 - boweidmann
6
当苹果推出他们的新的“媒体管理器”时,他们给了我们一个新的好处,即只需要上传设备截图的最大尺寸。然而,如果您支持iPad,则现在要求您创建iPad Pro大小的截图。如果您在接收到80多个应用程序的常规素材后才发现这一点,并且不得不回到用户体验团队以获取他们从未创建过的新iPad Pro设计稿,那么这将令人失望。 #唉 - Bruno Bronosky
显示剩余14条评论

329

这个答案是针对Xcode 14更新的。

App Store Connect目前要求以下类别的图片:

enter image description here

iPhone 6.7英寸显示屏

此显示屏尺寸为1290 x 2796像素。您可以使用以下模拟器创建这些截图:

  • iPhone 14 Pro Max

iPhone 6.5英寸显示屏

只要您有iPhone 6.7英寸的截图,App Store Connect允许您省略此部分。

此显示屏尺寸为1242 x 2688像素。您可以使用以下模拟器创建这些截图:

  • iPhone 13 Pro Max
  • iPhone 12 Pro Max
  • iPhone 11 Pro Max
  • iPhone XS Max
  • iPhone XR

iPhone 5.5英寸显示屏

此显示屏尺寸为1242 x 2208像素。您可以使用以下模拟器创建这些截图:

  • iPhone 8 Plus
  • iPhone 7 Plus
  • iPhone 6s Plus
Xcode 14在模拟器中默认不显示这些设备。在Xcode中,点击窗口->设备和模拟器。选择模拟器,然后点击添加按钮将iPhone 8 Plus添加到列表中。
iPad Pro (第6代) 12.9英寸显示屏
分辨率为2048 x 2732像素。您可以使用iPad Pro (12.9英寸) (第6代) 模拟器创建此尺寸的图像。
iPad Pro (第2代) 12.9英寸显示屏
分辨率为2048 x 2732像素。这与iPad Pro (12.9英寸) (第6代) 完全相同,因此大多数人可以在此处使用相同的屏幕截图。但请参考this
注意事项
数据来源:苹果官方网站上的屏幕截图规格页面。感谢这个答案提供的链接。上述列出的设备并非都产生与所列像素尺寸完全相同的截图,但苹果似乎接受这些比例。
在模拟器中使用文件 > 新建屏幕截图Command+S)将截图保存到桌面。在真实设备上按下睡眠/唤醒+主页(iPhone/iPad上)(图片可在照片应用程序中找到)。
上述像素尺寸是全屏幕纵向方向的大小。您不应包括状态栏,因此您可以将背景颜色粘贴到状态栏文本和图标上,或者裁剪它们并将图像缩放回原始尺寸。

2
对于我们中仍然困惑的人,这些至今仍然准确无误!!! - Ars_Codicis
3
@Omega_Pixel,每当我更新一个应用程序时,我通常会回到这里,确保这些像素尺寸也是最新的。如果将来有人发现此答案已经过时,请随意编辑它。 - Suragch
iPhone 11 对于我的 iPhone 6.5 英寸显示屏没用,但是使用 iPhone 13 Pro Max 可以正常工作。 - Bartek Pacia
2
@BartekPacia,好的,知道了。谢谢。我已经从列表中删除了它。 - Suragch
1
由于通常情况下,您不仅分享设备截图,而且还会添加介绍文本,因此我更喜欢制作一个单独的案例(在这种情况下为14 Pro Max),并重新布局以适应5.5寸的尺寸,并将6.7寸的尺寸缩小到6.5寸。 - Ege Sucu

111
为了获得正确尺寸的屏幕截图而无需手动创建 -- 运行您的应用程序在最新版本的Xcode中,选择需要截图的iPhone,在查看模拟器时按下cmd-s。这将以您提交所需的完整分辨率保存屏幕截图到您的桌面上。
如@HoffZ所述,请确保比例设置为100%。
在Xcode中选择您想要的模拟器: Xcode simulators 在模拟器菜单中将比例设置为100%: Set Scale to 100% 按下cmd-s进行保存: Save Screenshot

10
需要注意两件事情:1)图像保存到桌面上。2)确保缩放比例为100%(在模拟器中选择“窗口”->“缩放”)。 - HoffZ
1
这是一个很好的答案,我希望稍后能够从我的 Mac 上尝试它,因为到目前为止,我已经尝试上传了各种与文档匹配的图像大小:https://developer.apple.com/library/content/documentation/LanguagesUtilities/Conceptual/iTunesConnect_Guide/Appendices/Properties.html#//apple_ref/doc/writerid/itc_screenshot_properties 尽管它们符合规格,但所有的图片都失败了,因为它说它们的尺寸不正确。真的很令人困惑。感谢你提供的提示。 - raddevus
3
我认为没有必要将比例设置为100%。在我的MacBook屏幕上,12英寸iPad Pro模拟器即使以100%的大小显示也无法完全适配,但截图仍以完整分辨率保存。 - Luke Bartolomeo
1
这真的是最好的答案,因为与其他答案不同,它是永恒的! - user3069232
2
不需要确认100%的比例。屏幕截图始终以完整分辨率显示。 - Velda
请使用Safari浏览器上传图片至iTunesConnect,Chrome浏览器无法正常工作。 - Samy Omar

19
在 Xcode 9 中,除了将窗口比例设置为 100%(⌘1)外,还需在调试菜单中取消选中 Optimize Rendering for Window Scale,才能获得正确分辨率的屏幕截图。
要获取适用于应用商店的合适大小的屏幕截图,请执行以下步骤:
1.) 在模拟器中运行应用
2.) 设置比例 (⌘1)
3.) 在调试菜单中取消选中Optimize Rendering for Window Scale
4.) 使用 ⌘S 进行屏幕截图

输入图像描述


1
非常感谢! :) - Jorge Luis Peña Lopez

8

苹果链接

以下是屏幕尺寸的相关信息,这些细节来自于苹果官方网站。

以下是屏幕尺寸的相关信息


7

6
现在,苹果公司新增了一个新设备截屏显示,即iPad Pro。以下是iTunesconnect要求的所有截屏大小。
  • iPhone 6 Plus(5.5英寸)- 2208x1242
  • iPhone 6(4.7英寸)- 1334x750
  • iPhone 5/5s(4英寸)- 1136x640
  • iPhone 4s(3.5英寸)- 960x640
  • iPad - 1024x768
  • iPadPro - 2732x2048

5

4
这是从以下来源更新的,更新日期为2017年6月14日:
http://help.apple.com/itunes-connect/developer/#/devd274dd925 屏幕截图规格
  • 5.5英寸视网膜显示屏
    纵向1242 x 2208像素
    横向2208 x 1242像素
  • 4.7英寸视网膜显示屏
    纵向750 x 1334像素
    横向1334 x 750像素
  • 4英寸视网膜显示屏
    纵向(无状态栏)640 x 1096像素
    纵向(全屏)640 x 1136像素
    横向(无状态栏)1136 x 600像素
    横向(全屏)1136 x 640像素
  • 3.5英寸视网膜显示屏
    纵向(无状态栏)640 x 920像素
    纵向(全屏)640 x 960像素
    横向(无状态栏)960 x 600像素
    横向(全屏)960 x 640像素
  • 12.9英寸视网膜显示屏
    纵向2048 x 2732像素
    横向2732 x 2048像素
  • 9.7英寸视网膜显示屏
    高分辨率:
    横向(无状态栏)2048 x 1496像素
    横向(全屏)2048 x 1536像素
    纵向(无状态栏)1536 x 2008像素
    纵向(全屏)1536 x 2048像素
    标准分辨率:
    横向(无状态栏)1024 x 748像素
    横向(全屏)1024 x 768像素
    纵向(无状态栏)768 x 1004像素
    纵向(全屏)768 x 1024像素
  • macOS
    以下其中之一,具有16:10的宽高比。
    1280 x 800像素
    1440 x 900像素
    2560 x 1600像素
    2880 x 1800像素
  • tvOS
    1920 x 1080像素
  • watchOS
    312 x 390像素

4

请注意,即使您的图像中没有任何透明度,您也可能设置了透明度。如果您正在使用Photoshop,请选择“保存为Web”并取消选择“透明度”,或者将您的图像转换为 .jpg。iTunes Connect 似乎也会拒绝透明度。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接