chris P
chris P

Reputation: 6589

What's the easiest way to get Screenshot for your app, for App Store submission?

What's the easiest way to get screenshots for app submission to Apple's App Store, and what are the various sizes that need to be included?

Also, is the status bar allowed? I believe I've heard it's not, but a ton of apps including Facebook and Quora include the status bar in their screenshots.

Upvotes: 40

Views: 44225

Answers (9)

Julian E.
Julian E.

Reputation: 4755

Let's start off with saying that the status bar is allowed in the screenshots, however not encouraged and in Apple's Guide it says that it shouldn't be included. As to your second question, there are a few methods. Firstly, you have to have a screenshot for the current major screen sizes: 5.5", 6.5".If you have an iPad version, then 12.9" iPad is also required. How to make good screenshots:

Method 1: Use your own devices. If you in any case have enough devices lying around at home or from friends, you can use them to take screenshots. You can either manually press home and power button at the same time, or my preferred method, connect your device to your computer. In Xcode open device manager by clicking CMD + SHIFT + 2. Select your device, and in the detailed view you'll see the screenshot button. Take Screenshot. This is rather tedious and takes a lot of time.

EDIT 2020
As correctly pointed out by The Trav, Launchkit was acquired by Google, and is now available as open source code. There are alternatives a simple google search will reveal.

Method 2 - DEPRECATED:

Use a website to create your screenshots. This is my number one favourite, as it only requires one screenshot and then creates beautiful App Store images. I am in no way affiliated with them. It's a service from Launch Kit called Screenshot builder. You can make beautiful images, as seen in their example below. Launch Kit Screenshot Builder Examples

Method 3:

Lastly, you can create them yourself for every device size yourself in Photoshop or any other editing software you have. For that you need the following specifications:

  • 72 dpi, RGB, flattened, no transparency
  • High-quality JPEG or PNG image file format

6.5": 1284 x 2778 pixels portrait || 2778 x 1284 pixels landscape

5.5": 1242 x 2208 pixels portrait || 2208 x 1242 pixels landscape

12.9" iPad: 2048 x 2732 pixels portrait || 2732 x 2048 pixels landscape

All of the info for the last method can also be found in Apple's Guidelines.

Upvotes: 26

Ralpharoo
Ralpharoo

Reputation: 818

Check out AppScreens.com

AppScreens is one of the only systems that can generate all required screenshots from a single responsive template making the process fast and efficient. You design once, and AppScreens automatically sizes the elements and text consistently within each export frame.

It supports the creation of all required Apple App Store (and Google Play Store) at once. As of 2022 these are as follows (in the highest resolution);

  • 6.7” Display > 1290 x 2796 pixels
  • 6.5” Display > 1242 x 2688 pixels || 1284 x 2778 pixels
  • 6.1” Display > 1179 x 2556 pixels
  • 5.5” Display > 1242 x 2208 pixels
  • 12.9" Display (2nd + 3rd gen) > 2048 x 2732 pixels
  • Mac > 2880 x 1800 pixels
  • Apple Watch > 396 x 484 pixels
  • +10 for Android!

enter image description here

AppScreens has now exported over 2m screenshots, and is the most fully featured screenshot tool on web. It supports real, clay & coloured devices, automatic font size matching, panoramic backgrounds, 3D devices, templates, landscape projects, etc. It also includes all of the essential design frills such as rich text, 950+ fonts, real-time previews, language localization, highest resolution downloads, and much more. AppScreens is free to use with some limited features, or you can upgrade to use Pro features.

Note, shameless plug: I am the developer. We've built this to assist in the creation of these assets for our own apps. We've wasted too much time over the years battling with image editors & other half-baked tools.

Upvotes: 10

GRS
GRS

Reputation: 3084

Try https://previewed.app/

You can create beautiful screenshots, with AppStore approved dimensions in a few clicks.

In the end you end up with something like:

enter image description here

Update 2022:

Recently saw ads and tried using Screenshots Pro

Reasons to switch:

  • Free
  • Localization
  • Auto export to multiple devices (iPhone 4", 5.5" and 6.5" devices for example, same for iPad)
  • API access (Haven't tested, but you can integrate something like Fast Lane to create screenshots and then use them in Screenshots Pro for post-processing)

Upvotes: 5

Ostoura
Ostoura

Reputation: 2562

How about using the Xcode Simulator it self, This would get you the correct resolution with no pain, Just put your app on the desired simulator and save screen by clicking CMD+S will export a screenshot on your desktop with the exact desired resolution.

Here I try it with iPhone 11 Pro Max Simulator (I'm using Xcode 12 on a Big Sur)

enter image description here

enter image description here

Upvotes: 9

Code on the Rocks
Code on the Rocks

Reputation: 17784

I use the InstaMocks app. It's free and has a ton of built in Android and iOS devices. I've been using it for app store images and to promote my app, FitJo, on Instagram and it's saved me a ton of time.

It also has material colors built, a color picker, and the option to add images as the background.

Upvotes: 1

Trần Hữu Hiền
Trần Hữu Hiền

Reputation: 1044

Updated 2020.

For iPhone, screenshots for 6.5-inch iPhone Xs Max and 5.5-inch devices (iPhone 6s Plus, iPhone 7 Plus, iPhone 8 Plus) are required. These screenshots will scale down for smaller device sizes.

For iPad, screenshots for 12.9-inch iPad Pro (2nd generation) and 12.9-inch iPad Pro (3rd generation) are required. These screenshots will scale down for smaller device sizes.

Apple link.

Upvotes: 4

user2238083
user2238083

Reputation: 591

Another easy way to create screenshots for free: https://screenshots.us/

Upvotes: 1

SanSolo
SanSolo

Reputation: 2373

Recently things have changed. Now you only need two sets of screenshots : 5.5" and 12.9 " screenshots.

Upvotes: 2

gman
gman

Reputation: 89

The easiest way is to use a tool like Screenshop - Screenshot Creator. Its a tool for macOS, which helps to create nice screenshots for the App Store very easily. Predefined screenshot sizes can be chosen for iPhone, iPad, Mac in portrait or landscape mode. Its also useful for Android screenshots or web presentations. There is also a free test Version available.

I've created very nice screenshots within minutes with the tool, after spending hours and getting frustrated by using image editors before.

Here is the website for the tool: http://screenshop.zidarts.com Which includes a demo video. And here is the direct link to the demo video on youtube: https://youtu.be/yjiGRqTBA_4

Upvotes: 6

Related Questions