# Splash Screen

A **Splash Screen** is a visual screen that appears briefly when a **mobile application is launched**.\
It typically displays elements such as:

* Application logo
* Branding image
* Application name or version

Splash Screens help improve **user perception and branding**, while the application initializes in the background.

In ONEWEB, Splash Screens can be configured easily for **mobile applications** through Page Designer.

***

### Configure Splash Screen in a Mobile Application

#### Step 1: Open Splash Screen Settings

1. Open your **Mobile Application** in Page Designer
2. Navigate to the **SPLASH SCREEN** section

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FDCz0ivvhPaVQZSUTg3Lf%2Fimage.png?alt=media&#x26;token=9bd5533b-de6a-4361-b516-3aee458fa4f8" alt=""><figcaption></figcaption></figure>

<p align="center"><em>Open Splash Screen section</em></p>

***

#### Step 2: Select Target Device

You can configure the Splash Screen in two ways:

* **By Device** – Different splash images for different device types
* **All** – A single splash image for all devices

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FsK3IrUQSN8YvC7dfEQYN%2Fimage.png?alt=media&#x26;token=1873ce3c-74f0-4de8-a663-6c07487be62f" alt=""><figcaption></figcaption></figure>

<p align="center"><em>Choose splash screen by device or for all</em></p>

***

#### Step 3: Upload Splash Screen Image

1. Upload an image to be used as the Splash Screen
2. Ensure the image matches recommended resolution and aspect ratio for mobile devices

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FlLg6vPax4MrdYrY7tdtr%2Fimage.png?alt=media&#x26;token=688d41e8-fd82-4bd9-b4db-3e99573d8415" alt=""><figcaption></figcaption></figure>

<p align="center"><em>Upload splash screen image</em></p>

Once uploaded, the image will be displayed automatically when the application starts.

***

### Design Perspective

As part of **mobile UX best practices**:

* Use Splash Screen primarily for **branding**, not for loading logic
* Keep splash screen **simple and lightweight**
* Avoid displaying Splash Screen for too long
* Ensure image quality is high but file size is optimized

A well‑designed Splash Screen creates a **professional first impression** without impacting app performance.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.onewebstack.com/building-apps/ui-page-designer/ux-ui-components/pages/page-features/splash-screen.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.