How to prepare an iTunes Connect app store listing – Screenshot Format and Sizes

itunes screenshot This is a topic that many people are looking for. is a channel providing useful information about learning, life, digital marketing and online courses …. it will help you have an overview and solid multi-faceted knowledge . Today, would like to introduce to you How to prepare an iTunes Connect app store listing – Screenshot Format and Sizes. Following along are instructions in the video below:

” s create the screenshots for our app inside itunes connect. So if you re not not logged into itunes connect go ahead log in and go to the app listing created. Earlier and in the app listing. You ll notice there are six sections in the preview and screenshots four point seven five point.

Five etc. Etc. And these correspond to all the. I.

Os. Devices. That your app will be able to run on and you need at least one screen shot in each of these now apple are very strict about your screen shots..


They must be of a certain size and i ve just pulled up the itunes connect develop a guide for example on the iphone 4 you need these any one of these sized images and it must be 72 dpi rgb flattened with no transparency that means you shouldn t save it as a pain really you should save it as a jpeg you need for the iphone 5 or 6. The 6 plus the ipad and the ipad pro and that s a lot of images to be doing with at the moment. So if we come over to photoshop. I ve created templates for all of them at all of those various sizes.

Now if you create an image and in itunes connect you try to upload it and it s the wrong size so i ll just show you what happens if i upload a random image here it says my dimensions are wrong so you have to get these right apple. Also say you cannot have a picture of a phone or a device inside the screenshots. But i ve never heard of an app being kicked out of the app store for this so it s up to you it s on your head. If you do it and i doubt apple would kick your app out and in my opinion it looks better when you have the device on it.

And you have a lovely label across it or something like that that tells your user. What your app does so i m just going to go ahead and create something and come back to you in a second and here. We go..


I have created six images one with an iphone 4 1. Or 4 5. 6. A six plus.

The ipad air and the ipad pro and if i was you i would do something similar to this and then i would save all of those for future app submissions now we need a screenshot of what our app can actually do so let s come over to our xcode and let s fire up the simulator and then the simulator is very handy because it takes a screenshot at the revel. The resolution of the actual screen. So we can hit where is it let s see now hardware device note debug edit. There we go save screenshot under file.

And so now that has been saved so if i just open that i can then import that into here and if i transform it inside photoshop actually this is an iphone 6. So i have to put it in here. And it s almost pixel perfect already just requires a little bit of tweaking..


So let s just move it up and let s transform it and there we have it okay. That s great i m just going to save that now i m just going to upload one or two into my itunes connect so it s up to you how many you want to upload. But we are going to add a little bit of a snazzy feature so it jumps out at the user when they are browsing the app store and there we have it just a nice banner that s six across our image. That tells the user exactly what s going on and then all we need to do is save that as a jpeg and i will call it exactly the apps and then put a one on it so we know it s our first screen shot 750 by 1334 and then let s come over to our itunes connect and inside 47 inch.

I m just going to drag this up from my desktop. You can t see it right now because it s on the other screen and if i drop it in there it should upload without any issues. If there are issues apple will be quick to tell you now this screen comes up when your user has clicked your app icon when they want to download it so this screen will either encourage them to download your app or prevent them from downloading your app. So you really really have to tell them right here exactly.

What your app is about okay. I m just going to create all of my other screenshots. I m going to upload them and then show you what that looks like in a second and here..


We are i ve got two screenshots for each version of a device and you can see what they look like there okay. I think i ll add a web view controller for the actual item view to let my user know that they can also browse the stories. But i won t do that in this tutorial because you get the gist of it now right so once we ve done that but before i carry on i just want you to see that there is now a consistent theme going on between our app icon the screenshots and all of the colors that i m using and users these days will expect that the final thing that we have to add image wise. Here is the app icon and this is slightly different to the actual icon.

We put within our app. This is just a fixed file so that itunes can list your app listing with an image and this if i just put a random picture in it ll tell me my app icon must be 1024 by 1024 so i m just going to create that now i ll just upload it as i ve just made it 10 24 app icon and there we go. There is our app icon. So everything has a nice consistent theme now so i m just going to save that and that concludes all of the image parts of our itunes connect listing.

But the one thing i want you to remember is that the itunes connect images are the things that entice your user to install your app. So i d advise you to spend a little bit of time here thinking about who your potential users are and how they would view your app and what would make them actually install it ” ..

Thank you for watching all the articles on the topic How to prepare an iTunes Connect app store listing – Screenshot Format and Sizes. All shares of are very good. We hope you are satisfied with the article. For any questions, please leave a comment below. Hopefully you guys support our website even more.


Leave a Comment