Discussion Forums  >  Plugins, Customizing, Source Code

Replies: 5    Views: 239

Stacey5150
Lost but trying
Profile
Posts: 54
Reg: Feb 17, 2013
West Middlesex,...
8,490
01/20/14 07:44 PM (11 years ago)

Recommended small and large splash screen image dimensions for iOS and Android

What are the recommended image dimensions for the small and large images for both iOS and android splash screens? Thank you!
 
GraciousWolf_PE
Aspiring developer
Profile
Posts: 372
Reg: Feb 15, 2012
Montreal
10,720
like
01/20/14 10:12 PM (11 years ago)
Hey Stacey! For iOS, this would the list of sizes/dimensions for the launch images - https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/LaunchImages.html Alternatively, you could download your iOS application package. By default, black launch images are included, so you could see which sizes you need to replace. For Android, I'm having difficulty finding the correct documentation. However, these are the dimensions I used and they've worked well (can't remember where I got the dimensions from): 200x320 (ldpi) 320x460 (mdpi) 480x800 (hdpi) 720x1280 (xhdpi) Hope that helps! Nicholas
 
SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
like
01/20/14 10:19 PM (11 years ago)
For iOS it's fairly straightforward… You'll 'probably' end up needing 4 images. iPhone 'regular', iPhone 'retina', iPad 'regular', and iPad 'retina'. Keep in mind the naming conventions for a retina image… a normal image might be called 'iPhonesplash.png', and the retina image should be named '[email protected]'. In your code or control panel, you'll only refer to the 'regular' image, and let iOS do it's thing; it'll select the retina image automatically, if applicable for the device. a Cheat Sheet for sizes can be found here: http://www.jaysquared.com/2012/10/ios-screen-resolutions-cheat-sheet/ With respect to Android, it's a little different. Your image filename will remain the same, but you'll put it in different 'drawable' directories, depending on the resolution (ldpi,mdpi,hdpi,xhdpi). Playing it safe, I'd suggest creating one large image that will fit 'most' tablets, and one image that will fit 'most' phones. A good primer on Android screen sizes (and Android design in general) is: http://coding.smashingmagazine.com/2011/06/30/designing-for-android/ keep in mind although the principles still apply, a LOT of devices are either hdpi or xhdpi these days. The way images work in Android is, you have 5 directories for images: res/drawable <-- default directory; if it can't find the image in the 'resolution' directory res/drawable-ldpi <-- low resolution screens res/drawable-mdpi <-- medium resolution screens res/drawable-hdpi <-- high resolution screens res/drawable-xhdpi <-- extra high resolution screens so if your tablet splash screen was called 'tabletsplash.png' you would put the low resolution version of the image in the res/drawable-ldpi directory. Other 'versions' would be placed in their respective directories. And you would put any image not 'resolution specific' in the res/drawable directory. If you only put images in 'one' directory, 'res/drawable' is the one. Hope this helps. Cheers! -- Smug Edit: I take too long, lol! Nice work, Nick! :)
 
Absentia
buzztouch Evangelist
Profile
Posts: 960
Reg: Oct 20, 2011
Alaska
20,600
like
01/21/14 01:47 AM (11 years ago)
 
KennedyE
Android Fan
Profile
Posts: 373
Reg: Dec 07, 2013
PH, Nigeria
3,730
like
01/21/14 07:47 AM (11 years ago)
Use 320x480 for small devices and 640x960 for large devices. But you can use only 640x960 for both devices. Hope this helps!
 
Stacey5150
Lost but trying
Profile
Posts: 54
Reg: Feb 17, 2013
West Middlesex,...
8,490
like
01/22/14 04:49 PM (11 years ago)
Thanks everyone for your input. Greatly appreciated and helpful as usual (-:
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.