What screen sizes are needed for Android and ios mobile devices?

So, I have a mobile application, and I have a graphic designer.

Now I want the graphic designer to give me the images needed for a full-screen background.

The device is designed for android and ios - and will run on various types of mobile / tables for android and ios.

What size do I intend to get a graphic designer to give me an image? I read the android size guide and left without conviction that the android team itself knows what image sizes are required.

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

The ios screen size chart I use is this one , and unless someone says otherwise, I will continue to use this.

I assume that all images will be 72 ppi, if only because this proposal is from this question

+4
source share
8 answers

- android os (/)

.

(, Windows, OS X, Linux) , . , , - (, , , , //).

72ppi ?

Android , . 72dpi.

+1

Android. , : http://developer.android.com/design/style/iconography.html.

48dp x 48dp. , 48px x 48px 160 ppi. 72 ppi 107px x 107px.

, , HDPI, XHDPI,....

HDPI 1,5 , MDPI, :
 72px * 72px 160 dp
48px * 48px 240 dp

XHDPI 2 , MDPI, :
 96px * 96px 160 dp
48px * 48px 320 dp

, ppi, . script, Illustrator

+1

Android , SD 4K. 16: 9, ( Moto 360 ), 4K .

0

, .

. , , , , , , .

0

iPhone:

                                iPhone 4S              iPhone 5

Window (including status bar)   320 x 480 pts          320 x 568 pts

View inside window
(visible status bar)           320 x 460 pts           320 x 548 pts

Launch Image                   640 x 960 pixels       640 x 1136 pixels
(Launch Image Sizes for 
 iPhone )   

iPhone

Android:

For larger screen phones   720*1280

For small screen phones    480*800

. , 480 * 800 , 720 * 1280

0

androidpixels.com , . , , sp , psds.

0

. , . : .css

 .android #theElement { ... }

 .ios #theElement { ... }

:

 .ios.phone #theElement { ... }

 .android.tablet #theElement { ... }

:

https://blog.safaribooksonline.com/2012/07/13/phonegap-tip-changing-look-feel-based-on-the-platform/

0
source

All Articles