A launch image looks very similar to the first screen your app displays. iOS displays this image instantly when the user starts your app and until the app is fully ready to use. As soon as your app is ready for use, your app displays its first screen, replacing the launch placeholder image.

Best way to Create Launch Images for iPhone and iPad

For iPhone only portrait orientation launch image is required. But for iPad both portrait and Landscape is required.

For iPhone,

The best way to create launch images is by using the Simulator provided by the Xcode. Run your app inside the simulator. Let the first screen of your app be as it is. To take a screenshot, goto “File -> Save Screen Shot”. A screenshot will be saved on your desktop.

Repeat the steps with different devices to take a screenshot of each device required by the Xcode.

iphone-launch-images

For iPhone you need three launch images – iPhone, Retina (3.5-inch), Retina (4-inch).

Edit the screenshots with your favorite image editor if any modifications are required. Be careful not to change the image size, as the Xcode will show an error if the image are not of the perfect size.

For iPad,

For iPad, use the iPad simulator and repeat the above steps.

For iPad you will need 4 launch images – iPad Portrait, iPad Landscape, iPad Retina Portrait and iPad Retina Landscape.

ipad-launch-images

iPad launch images do not include the status bar area. You can easily remove the status bar from the image using any image editing software, using the image crop functionality.

How to Add the Launch Images to Xcode

You don’t need to rename the launch-images, Xcode will do that automatically.

Open Xcode, goto your app target and scroll down to Launch Images. There you will see three place holder for iPhone/iPod launch images and just below it four place holders for iPad. Now Drag the files from your desktop to the xcode and place it in the appropriate Launch Image place holder.

xcode-launch-images

Xcode will automatically copy the image to the project. and rename them appropriately.

launch-images-xcode

The following two tabs change content below.

Namit Gupta

iOS Developer, Web Enthusiast and Blogger who loves all things Technology and Design.

Latest posts by Namit Gupta (see all)