Free tool

Splash screen generator for your website app

Put your logo on your brand colour, add a loader, watch it on a phone frame, and export the 1080×1920 image plus the Android 12 icon. The screen people see while your site's first page loads.

Design

Nothing is uploaded — the preview and the exports are drawn in your browser.

Choose your app icon PNG or SVG, square, 512px or larger
#0e8f6e

Preview

Scaled to a 360dp-wide phone.

What a splash screen does for a website app

A URL app has to load its first page from your server, and a bundled app has to start the WebView; either way there is a moment between the tap and the site. Without a splash screen that moment is a blank white rectangle with your icon in the corner of the task switcher. With one, it is your logo on your brand colour — the same thing the site's header will show a second later — and the app feels like it opened instantly. It is also one of the native touches Google Play reviewers look for when deciding whether a website app is "just a website".

This tool designs that screen: your icon, a solid or gradient background, an optional loader beneath, and the gap between them. The phone frame is a live preview.

Android 12 changed the rules

Since Android 12, the system draws the splash screen itself from the launcher icon and a background colour, and the app cannot show a full-bleed image in that window. The icon is masked to a circle and must fit inside a 240 dp canvas with the artwork in the central 160 dp, or it is cropped. The "Download Android 12 icon" button exports exactly that: your icon, padded so it survives the mask, on your background.

The 1080×1920 image is what older Android versions and custom splash implementations use, and what the builder shows as a branded loading screen inside the app after the system splash. Using both means the launch looks the same on Android 8 and Android 15.

Design notes

Splash screens are a Pro feature in the builder, where the same settings are applied to the real app. Use this tool to design and preview first, or to export assets for a project built elsewhere.

Frequently asked questions

What size should an Android splash screen be?

1080×1920 for a full-screen portrait image. For Android 12 and later the system uses the launcher icon instead: a 240 dp circle with the artwork inside the central 160 dp, which the tool exports separately.

Why is my splash icon cropped on Android 12?

The system masks the splash icon to a circle and only the central 160 dp of a 240 dp canvas is visible. Use the tool's Android 12 export, which pads the icon to fit.

How long should a splash screen show?

As long as the first page takes to load, and not a moment longer. Artificially holding it is one of the things users hate most.

Does a website app need a splash screen?

For sharing directly, no. For Google Play, it is one of the native features reviewers look for, and it hides the first page load on a URL app.

Can I use my logo with a transparent background?

Yes — the background colour or gradient fills behind it. That is the normal setup.

Related tools

Ready to make your website into an app?

Paste a URL, or upload an HTML file or a ZIP, set your icon and name, and download a signed Android app from the free APK creator. No Android Studio, no command line.

Make my app — free