android splash screen sizes for ldpi,mdpi, hdpi, xhdpi displays ? - eg : 1024X768 pixels for ldpi

android splash screen sizes for ldpi,mdpi, hdpi, xhdpi displays ? - eg : 1024X768 pixels for ldpi

I have to design splash screens(images that fit screen while loading) for android application using phonegap. I have to design 4 size images that fit for 4types of screens like ldpi, mdpi , hdpi, xhdpi . Can anyone tell me exact sizes in pixels for these screens so I can design in that size ?

Example answer :

ldpi - 1024X768 px  mdpi  - 111 X 156 px       We support ldpi, mdpi, hdpi and xhdpi displays; the following will define splash screens for each specific screen type.            

Answer by Puneet for android splash screen sizes for ldpi,mdpi, hdpi, xhdpi displays ? - eg : 1024X768 pixels for ldpi

• Xlarge screens are at least 960dp x 720dp
• List item large screens are at least 640dp x 480dp
• List item normal screens are at least 470dp x 320dp
• List item small screens are at least 426dp x 320dp

Use this to create your images and put them in specific resource folder.

Answer by alexw for android splash screen sizes for ldpi,mdpi, hdpi, xhdpi displays ? - eg : 1024X768 pixels for ldpi

There can be any number of different screen sizes due to Android having no set standard size so as a guide you can use the minimum screen sizes, which are provided by Google.

According to Google's statistics the majority of ldpi displays are small screens and the majority of mdpi, hdpi, xhdpi and xxhdpi displays are normal sized screens.

• xlarge screens are at least 960dp x 720dp
• large screens are at least 640dp x 480dp
• normal screens are at least 470dp x 320dp
• small screens are at least 426dp x 320dp

You can view the statistics on the relative sizes of devices on Google's dashboard which is available here.

More information on multiple screens can be found here.

Answer by Amila for android splash screen sizes for ldpi,mdpi, hdpi, xhdpi displays ? - eg : 1024X768 pixels for ldpi

xlarge screens are at least 960dp x 720dp layout-xlarge 10" tablet (720x1280 mdpi, 800x1280 mdpi, etc.)

large screens are at least 640dp x 480dp tweener tablet like the Streak (480x800 mdpi), 7" tablet (600x1024 mdpi)

normal screens are at least 470dp x 320dp layout typical phone screen (480x800 hdpi)

small screens are at least 426dp x 320dp typical phone screen (240x320 ldpi, 320x480 mdpi, etc.)

Answer by Nijil Nair for android splash screen sizes for ldpi,mdpi, hdpi, xhdpi displays ? - eg : 1024X768 pixels for ldpi

For Android Mobile Devices

LDPI- icon-36x36, splash-426x320 (now with correct values)

---

MDPI- icon-48x48, splash-470x320

---

HDPI- icon 72x72, splash- 640x480

---

XHDPI- icon-96x96, splash- 960x720

---

XXHDPI- icon- 144x144

All in pixels.

For Android Tablet Devices

LDPI:      Portrait: 200x320px      Landscape: 320x200px  MDPI:      Portrait: 320x480px      Landscape: 480x320px  HDPI:      Portrait: 480x800px      Landscape: 800x480px  XHDPI:      Portrait: 720px1280px      Landscape: 1280x720px  

Answer by lx0741 for android splash screen sizes for ldpi,mdpi, hdpi, xhdpi displays ? - eg : 1024X768 pixels for ldpi

Just use this website: http://ticons.fokkezb.nl :)

It makes it easier for you, and generates the correct sizes directly

Answer by user3765109 for android splash screen sizes for ldpi,mdpi, hdpi, xhdpi displays ? - eg : 1024X768 pixels for ldpi

Splash screen sizes for Android

and at the same time for Cordova (a.k.a Phonegap)

Format : 9-Patch PNG (recommended)    Dimensions     - LDPI:      - Portrait: 200x320px      - Landscape: 320x200px   - MDPI:      - Portrait: 320x480px      - Landscape: 480x320px   - HDPI:      - Portrait: 480x800px      - Landscape: 800x480px   - XHDPI:      - Portrait: 720px1280px      - Landscape: 1280x720px   - XXHDPI      - Portrait: 960x1600px      - Landscape: 1600x960px   - XXXHDPI       - Portrait: 1280x1920px      - Landscape: 1920x1280px  

Pay attention

I think there is no an exact size for the all devices. I use Xperia Z 5". If you develop a crossplatform-webview app you should consider a lot of things (whether screen has softkey navigation buttons or not, etc). Therefore, I think there is only one suitable solution. The solution is to prepare a 9-patch splash screen.

1. Create splash screens for the above screen sizes as 9-patch. Give names your files with .9.png suffixes
2. Arrange your Config.xml file like the following
3. build cordova :)

config.xml

How to design a new splash screen

I would describe a simple way to create proper splash screen using this way. Assume we're designing a 1280dp x 720dp - xhdpi (x-large) screen. I've written for the sake of example the below;

• In Photoshop: File -> New in new dialog window set your screens

  Width: 720 Pixels Height: 1280 Pixels

  I guess the above sizes mean Resolution is 320 Pixels/Inch. But to ensure you can change resolution value to 320 in your dialog window. In this case Pixels/Inch = DPI

  Congratulations... You have a 720dp x 1280dp splash screen template.

How to generate a 9-patch splash screen

After you designed your splash screen, if you want to design 9-Patch splash screen, you should insert 1 pixel gap for every side. For this reason you should increase +2 pixel your canvas size's width and height ( now your image sizes are 722 x 1282 ). Then you can use C:\Program Files (x86)\Android\android-studio\sdk\tools\draw9patch.bat to convert a 9-patch file. For that open your splash screen on draw9patch app. You should define your logo and expandable areas. Notice the black line the following example splash screen. The black line's thickness just 1 px ;) Left and Top sides black lines define your splash screen's must display area. Exactly as your designed. Right and Bottom lines define the addable and removable area (automatically repeating areas).

Just do it that; Zoom your image's top edge on draw9patch application. Click and drag your mouse to draw line. And press shift + click and drag your mouse to erase line.

If you develop a cross-platform app (like Cordova/PhoneGap) you can find the following address almost all mabile OS splash screen sizes. Click for Windows Phone, WebOS, BlackBerry, Bada-WAC and Bada splash screen sizes.

https://github.com/phonegap/phonegap/wiki/App-Splash-Screen-Sizes

And if you need IOS, Android etc. app icon sizes you can visit here.

IOS

Format : PNG (recommended)    Dimensions     - Tablet (iPad)     - Non-Retina (1x)       - Portrait: 768x1024px       - Landscape: 1024x768px     - Retina (2x)       - Portrait: 1536x2048px       - Landscape: 2048x1536px   - Handheld (iPhone, iPod)     - Non-Retina (1x)       - Portrait: 320x480px       - Landscape: 480x320px     - Retina (2x)       - Portrait: 640x960px       - Landscape: 960x640px   - iPhone 5 Retina (2x)     - Portrait: 640x1136px     - Landscape: 1136x640px   - iPhone 6 (2x)     - Portrait: 750x1334px     - Landscape: 1334x750px   - iPhone 6 Plus (3x)     - Portrait: 1242x2208px     - Landscape: 2208x1242px  

Answer by Manavendher for android splash screen sizes for ldpi,mdpi, hdpi, xhdpi displays ? - eg : 1024X768 pixels for ldpi

• LDPI: Portrait: 200 X 320px. Landscape: 320 X 200px.
• MDPI: Portrait: 320 X 480px. Landscape: 480 X 320px.
• HDPI: Portrait: 480 X 800px. Landscape: 800 X 480px.
• XHDPI: Portrait: 720 X 1280px. Landscape: 1280 X 720px.
• XXHDPI: Portrait: 960 X 1600px. Landscape: 1600 X 960px.
• XXXHDPI: Portrait: 1280 X 1920px. Landscape: 1920 X 1280px.

Fatal error: Call to a member function getElementsByTagName() on a non-object in D:\XAMPP INSTALLASTION\xampp\htdocs\endunpratama9i\www-stackoverflow-info-proses.php on line 72