Adding a splash screen (HTML)

Article
08/31/2015

Purpose

All Windows Runtime apps must have a splash screen, which is a composite of a splash screen image and a background color, both of which can be customized.

We display your splash screen immediately the user launches your app. This provides immediate feedback to users while app resources are initialized. As soon as your app is ready for interaction, we dismiss the splash screen.

A well-designed splash screen can make your app more inviting. Here's a simple, understated splash screen:

A 75% scaled screen capture of the splash screen from the Splash screen sample.

This splash screen is created by combining a green background color with a transparent PNG.

Putting an image and background color together to form the splash screen helps the splash screen look good, regardless of the device your app is installed on. When the splash screen is displayed, only the size of the background changes to compensate for a variety of screen sizes. Your image always remains intact.

Additionally, you can use the SplashScreen class to customize your app's launch experience. You can position an extended splash screen, which you create, to give your app more time to complete additional tasks like preparing app UI or completing networking operations. You can also use the SplashScreen class to notify you when the splash screen is dismissed, so that you can begin entrance animations.

See Guidelines and checklist for splash screens for more information.

In this section

Topic	Description
Quickstart	Set your app's splash screen image and background color using Microsoft Visual Studio 2013.
How to extend the splash screen	Display a splash screen for more time by creating an extended splash screen. This screen is often designed to imitate the splash screen shown upon app launch, but it's fully customizable.