Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

UWP doesn't use best scaled Splash Screen

I have all necessary scales in my project:

Scaled Splash Screens

However, when I start my app, it doesn't seem to pick the best scaled Splash Screen. I'm starting in Release x86. It's always using the scale-100 splashscreen.

Wrong Splash Screen

I used the right names for the SplashScreens and they are in the folder "Assets" in my project:

Names of the assets

Do I have to 'activate' an option to enable the usage of variable Splash Screens? Or why does it always pick a Splash Screen that's too small?

like image 382
Dennis Schröer Avatar asked Sep 28 '16 09:09

Dennis Schröer


People also ask

What size should a splash screen image be?

Splash Screen dimensions Branded image: This should be 200×80 dp. App icon with an icon background: This should be 240×240 dp, and fit within a circle of 160 dp in diameter. App icon without an icon background: This should be 288×288 dp, and fit within a circle of 192 dp in diameter.

What is diagnostic splash screen?

The splash screen is an introduction page that is displayed as a program or computer is loading or booting.

Should my app have a splash screen?

Conclusion. The mobile app splash screen is an essential part of the product that gives users a clear idea about the application. Designers should always look into the possibility of creating a meaningful and understandable app splash screen so that the user experience will be delightful from the very beginning.


1 Answers

The reason Windows is using the scale-100 asset in your case is because your desktop environment is set to 100% scaling. There's no need for it to use a higher-resolution asset because of this. But that's not the reason why your asset isn't stretching to fill the window.

Splash screens in Windows Store apps (including UWP apps) are unlike most conventional splash screens in that their images aren't full screen images. Usually, what you put in a splash screen image for a UWP app is the app icon or logo, which is then centered on the variable-sized window and superimposed over an optional background color, rather than itself stretched (since windows can be of arbitrary size, whereas your splash screen image may require a specific aspect ratio to display correctly). From Guidelines for splash screens:

Putting an image and background color together to form the splash screen helps the splash screen look good regardless of the form factor 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.

like image 159
BoltClock Avatar answered Oct 13 '22 04:10

BoltClock