How to create a launch screen in XCode

A step by step guide on creating splash screens with multiple images for iOS, MacOS, TVOS or WatchOS apps using XCode.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 08/31/2023 at 14:39
Last Updated on 08/31/2023 at 15:07
<p>A flower that represents Xcode with the text "Create Splash Screen" beneath it.</p>

A step by step guide on creating splash screens with multiple images for iOS, MacOS, TVOS or WatchOS apps using XCode.

SubscribeDownload open source project

Before continuing we strongly recommend reading our best practices guide on creating launch (splash) screens.

Apple App Launch Screen Best Practices

Step One: Set the Storyboard

<p>A screenshot of Xcode showing the project settings window. The general tab has been selected as has the only target within the app. Under the "App Icons and Launch Screen" section, we have highlighted the "Launch Screen File" which has been set to "LaunchScreen.storyboard."</p>

In the Project Settings, select the app target and make sure that the Launch Screen File has been set to LaunchScreen.storyboard or the relevant storyboard file.

Step Two: Add the Images

<p>A screenshot of XCode showing the LaunchScreen.storyboard file. Two image views have been added to the view, with each having a different image.</p>

Follow the tutorials below to learn how to add image view components with images to the launch screen storyboard.

How to add a UI component to a view in a storyboard in XCodeHow to use an image within a storyboard in XCode

Make sure that you add the images as local files instead of xcassets. This will aid previewing updates without having to restart the device.

How to add and use images as files instead of xcassets in XCodeHow to make an iPhone, iPad or Mac show and updated launch screen

Step Three: Constrain the Images

<p></p>
<p>A screenshot of Xcode showing the launch screen storyboard. We have highlighted all the constraints on the storyboard inspector. The view controller on the screen shows how the "background" now touches all the edges of the view, and not the safe area insets.</p>
<p></p>

Follow the tutorials below to learn how to constrain the image views. Make sure that you constrain the background image view to the edges of the view, and not the safe area.

How to constrain a UI component in a storyboard in XCodeHow to constrain a UI component to the edges of a UIViewController

Step Four: Run

<p>A screenshot of XCode showing that we have set a breakpoint on line 14 of the AppDelegate.swift file. We have highlighted the play button that appears on the top left of XCode. Click this button to run the app on a device. As we have set the breakpoint on line 14, the app will stop at the Splash screen, allowing you to analyze it.</p>

Run the app on the device.

We recommend setting a breakpoint in the AppDelegate of the app so that the app stops at the launch screen, allowing you to confirm that the changes went through.

How to stop an App at the Launch Screen in XCode

Frequently Asked Questions (FAQ)

I updated the Launch Screen but it's not showing on my device, what do I do ?

Delete the app and restart your device. Then in XCode, clean the project and reinstall the app.

How to make an iPhone, iPad or Mac show an updated launch screen

My launch screen is black on my device, even though XCode shows something else

It sounds like your images are too big. Try:

  • Reducing the image file sizes to less than 0.5MB for each image.
  • If you are not already, use local files instead of xcassets.
  • Delete the app and restart your device. Then in XCode, clean the project and reinstall the app.
Apple App Launch Screen Best PracticesHow to make an iPhone, iPad or Mac show an updated launch screen

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
SubscribeContact UsVisit our BlogView our ServicesView our Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe