Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What resolution should my Android splash screens be?

I'm creating a splash screen that will display while my Android application loads. I'd like to create it at the correct size so Android won't auto-scale it up or down to fit the screen. (It's a bitmap image, a photograph of an oil painting, so I can't just turn it into a nine-patch.)

But there are at least three important screen sizes I care about: 320x480, 480x854 (Droid), and 480x800 (Nexus One).

I've read the documentation on supporting multiple screen sizes, but I still don't see how I'm supposed to configure different splash screens for Droid/Nexus one (they're both "hdpi" resources as far as Android is concerned), and I don't know exactly how large my splash screen should be in any case. (How tall is the OS title bar/menu in Droid? N1?)

What size should I make these images, and how do I tell Android to use the correct size on a given screen?

like image 553
Dan Fabulich Avatar asked Apr 01 '10 15:04

Dan Fabulich


People also ask

What should be on a splash screen?

Usually consisting of a company logo or name, a branded background image or graphic, and an optional loading indicator or animation, splash screens make a bold first impression and build brand awareness.

What is the splash screen in Android?

Android Splash Screen is the first screen visible to the user when the application's launched. Splash screen is one of the most vital screens in the application since it's the user's first experience with the application.

What is screen resolution in mobile application?

Android categorizes mobile screen density into one of six families: LDPI (low): ~120dpi. MDPI (medium): ~160dpi. HDPI (high): ~240dpi.

What size should a splash screen be IOS?

768 x 1024 pixels (standard resolution)


2 Answers

You don't need to worry about the absolute screen size or status bars or anything — that's why we have nine-patch images.

What I did was have an image that looked good for each resolution — essentially a logo on a transparent background, with some text at the bottom.

Then I chopped off quite a lot of space at the top and side edges, made a nine-patch border round the image, with a single pixel near the left, right and top edges. This allows the image to expand evenly at the sides and top to fill the screen.


Edit, in response to Dan's comment below:

Yes, there is a way to determine which graphics should be used for which explicit screen sizes, but it's deprecated.

Just as there are drawable-hdpi and -ldpi resource qualifiers, it's also possible to use drawable-HHHxWWW — the larger pixel dimension coming first.

e.g. drawable-800x480 and drawable-854x480

like image 193
Christopher Orr Avatar answered Sep 24 '22 16:09

Christopher Orr


Okay, firstly: you can find the device model via android.os.Build and use that to determine which image to show.

Secondly, I personally wouldn't bother. Layouts should be done in dip since every android screen is 320x480 dip I believe, and android maintains aspect ratio among devices very well through this in my experience. A 480x800 splash set to fill parent has been pretty reliable on both N1 and the droid as far as I have encountered.

like image 21
jqpubliq Avatar answered Sep 22 '22 16:09

jqpubliq