I am about to send in my app to apple for testing but I dont know what the sample image sizes are for the images that appear in the app store.
I know that the big icon of your app is 512x512.
Does anybody know?
Quote from iPhone development web page:
Screen shots for iPad applications
iTunes Connect requires metadata for iPad app submissions to include a screenshot that meets the following criteria:
* In at least one of the following pixel dimensions:
o 1024 x 768
o 768 x 1024
o 1004 x 768
o 748 x 1024
Related
I just bought a new iPhone XR so I could make the screenshots for my App Store app. Starting March 27th 2019, you need to provide 6.5" (new phone models) screenshots:
However, App Store Connect is not accepting my screenshots made with this device. After further research, I found out that iPhone XR is actually 6.1":
I am not from the iOS world (I mainly work with Google and Android), so I am wondering if I am missing something, or are the docs wrong?
The iPhone XR and iPhone XS Max are the same size: 414x896. The reason your screen shot is coming out the wrong size is that the iPhone XR is double resolution, where as the iPhone XS Max is triple resolution. But that's not a problem. If your screen shot is coming out as 828x1792, just run it through any basic image-munging app, such as Preview, and change the size to 150% of its current size:
828 * 1.5 = 1242
1792 * 1.5 = 2688
That gives you the required size, 1242x2688.
(Note, however, that you do not need any device merely in order to generate a screen shot acceptable to the App Store. Screen shots from the various Xcode Simulators will do just fine. Even an app that has functionality that doesn't quite work on the Simulator can be tweaked to generate its normal interface so that you can take the screen shot. I have nine apps currently on the App Store, each with an accepted set of screen shots, and not one of those screen shots was taken on a device.)
The table is slightly misleading, the inclusion of the iPhone XR in that list actually means that it will show the iPhone XS Max screenshots if you visit the App Store listing of your app from an iPhone XR.
What is actually relevant when uploading a "6.5 inch" screenshot is the required size of the image, which is 1242x2688 or 2688x1242 pixels. The screenshots made on an iPhone XR are 828x1792 pixels in size (source: iosres.com), that's why your screenshots got rejected.
Although iPhone XR and XS Max screens has the same size in terms of POINTS, they are not the same in terms of PIXELS (and inches).
XR: 6.1in, 828x1792 #2x
XS Max: 6.5in, 1242x2688 #3x <--- you want this one.
There is confusion for required size because the spec says to use 6.5in screen for both XR and XS Max, implying they're both the same size.
Just use the XS Max simulator to take screenshots and you should be good. I tried it just now, got the needed size.
I've downloaded an app on my phone and I'm trying to prepare some screenshots for the app store. Per documentation, the screenshots should be 1242 x 2208px however when I take a screenshot and open it up on my desktop, I'm left with 674 x 1200px. What can I do to get the proper resolution for these screenshots?
I am soooo close to submitting my app to the app store, but we have one problem. App Previews. You need 1 preview for EVERY device, and I'm sorry I don't have all your devices apple :( . Is there anyway to automatically resize my one app preview I have already without losing MAJOR quality?
The easiest way to do it, is to record an App Preview for the biggest screen size and then scale it down with tools like After Effects or Final Cut Pro. I'm not 100% sure, if you can also do it with iMovie. If you're supporting iPad, you need to create another version for iPads.
Here are the official sizes (Landscape only for simplification):
5 Series: 1920 x 1080 (< Standard 1080p 16:9 aspect ratio) or 1136 x
640
iPhone 6: 1334 x 750 (~ 70% of 1080p)
iPhone 6 Plus: 1920 x 1080
AppleTV: 1920 x 1080
iPad: 1200 x 900 or 1600 x 1200 (4:3 aspect ratio)
I suggest you capture the material for the App Previews with an iPhone 6 Plus (real device or simulator if that works for you) and then scale it down for the best quality. If you don't have an iPhone 6 Plus, you can use an iPhone 6, but you will lose quality.
Summary: You only need 2 different App Previews - with regards to resolutions - if you are only supporting iPhones. (3 if you are supporting iPads.)
Table 5-4 (about half way down) this Apple doc page suggests sizes for the launch images for iOS:
Device Portrait Landscape
iPhone and iPod touch 320 x 480 pixels Not supported
640 x 960 pixels (#2x)
iPhone 5 640 x 1136 pixels (#2x) Not supported
iPad 768 x 1024 pixels 1024 x 768 pixels
1536 x 2048 pixels (#2x) 2048 x 1536 pixels (#2x)
My app has a photo background at launch so at present I have to use GIMP to crop/resize the photo for each of these, which is fiddly.
Is there a tool to do this automatically ?
One other complication is that there are a couple of logos in the image too, ideally they will be in separate layers, so they can stay legible and tidily laid out for each size/orientation.
There is not a tool that I know of do do this. But there is a button in the Xcode Organizer, under Screenshots, labeled “Save as Launch Image”. If you set up your code to dynamically generate the image you want, you can run your app on various devices and grab images of it running, and then use those images as your launch images. You may have to modify them a little bit, but it’s certainly easier than creating each one from scratch.
In a universal app, you have to add 6 splash images named Default.png.
320 x 480 for non-retina iphone
640 x 960 for retina iphone
768 x 1024 for non-retina iPad-portrait
1536 x 2048 for retina iPad-portrait
1024 x 768 for non-retina iPad-landscape
2048 x 1536 for retina iPad-landscape
What if I'm fine with that black screen displayed when you don't provide any splash screen image.
Does Apple reject apps just because of this? I couldn't find anything.
Do I have to create 6 useless black png's and add them to the project?
iOS Human Interface Guidelines says explicitly:
To enhance the user’s experience at application launch, you must provide at least one launch image.
The launch image is there to be displayed while your app is loading and have to look like the first screen of your app:
A launch image looks very similar to the first screen your application displays.
So yes, you have to provide launch images, and even if you are happy with just a black launch screen, this is not enough unless the first screen in your app is actually just a black screen?