What screen sizes needed for android and ios mobile devices?

Question

So i have a mobile app, and i have a graphic designer.

Now i want to get the graphic designer to give me the images necessary for the full-screen background.

The device is for android and ios - and will be runnable on the various mobile/tables types for android and ios.

What are the sizes I am meant to get the graphic designer to give me for the image? I had a read of the android size-guide, and came away unconvinced that the android team themselves know what sizes of image are required.

(I mean, there are tables everywhere, and sometimes they say to multiply the base by two, but then for example 470dp x 320dp *2 != 960dp x 720dp)

The ios screen size chart i am using is this one, and unless someone says otherwise i will keep to using that.

I am assuming all images will be 72 ppi, if only because that seems to be the suggestion from this question

Answer 1

Update February 2022

Since this post still gets traffic, here are some updated resources:

Android:

• Design Reference: https://support.google.com/googleplay/android-developer/answer/9866151?hl=en
• Play Store Reference: https://support.google.com/googleplay/android-developer/answer/9866151?hl=en#zippy=%2Cscreenshots (Screenshots)

iOS:

• Design Reference: https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/
• App Store Guide: https://help.apple.com/app-store-connect/#/dev4e413fcb8 (Accepted Resolutions)

Original Answer

I've searched and searched for one for android, and I've come up with nothing. You will have to hard code in the dark a UI for android that can resize objects based upon the size of the device. Although this sounds hard, it will just take some time and practice (As I'm in the same boat with you taking my iOS apps to android having never programmed for android myself). Best guess is http://i1.wp.com/thedigitaldisciple.net/wp-content/uploads/Screen-Master-3-2014.jpg

For iOS, it is way easier. http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/ This is the guide I personally like to use as it is up to date for iOS 7 and iPhone 5s. For details with iOS 8, just see developer.apple.com and the vast libraries there (you will be required to pay the $99 fee to access the libraries, download the software, and host your apps on there networks).

Hope this answered ya question :)

Update: Here is a good link about testing for multiple screen sizes on Android because there is no set sizes. http://developer.android.com/guide/practices/screens_support.html#testing

Answer 2

I can only answer for Android. I guess that you just have to follow the information from this link: http://developer.android.com/design/style/iconography.html.

The medium quality asset has te be 48dp x 48dp. It means that it will be 48px x 48px on a 160 ppi screen. On a 72 ppi screen, the image will appear 107px x 107px.

I guess that you can define the dimensions of the other qualities of your picture the same way you would define the HDPI, XHDPI,... icons.

The HDPI icon has to be 1.5 times bigger that the MDPI so it will be:
72px*72px at 160 dp
or 48px*48px at 240 dp

The XHDPI icon has to be 2 times bigger that the MDPI so it will be:
96px*96px at 160 dp
or 48px*48px at 320 dp

As a result, I think that you need to save the same file with different ppi parameters to get your different qualities. I can provide you a script to do it automatically from Illustrator if needed