Image Image Image Image Image
Scroll to Top

To Top

Information Resources

App Resource Cheat Sheet

April 2, 2015 - Information Resources
App Resource Cheat Sheet

A Quick Reference of Application Icon and Splash Screen Sizes and Locations for Google Play and Apple iTunes App Store

With this year’s release of the iPhone 6 and 6 Plus and the growing, supposed Android Screen Fragmentation, we find ourselves dealing with more resources to support an increasing list of device screen resolutions. Oftentimes, finding an up-to-date list of the application icon and splash screen sizes (and locations, for PhoneGap / Cordova) can be an arduous task. In fact, there’s a very good chance that by the time this Information Resource is published, it will already be deprecated.

Regardless, feel free to reference this list as a cheat sheet for Android and iOS icons and splash screen sizes with the caveat that it was created on April 2, 2015, and may already be obsolete.

 

Icons

Android

FOLDER / NAME
RESOLUTION

platforms/android/res/drawable/icon.png
96 x 96

platforms/android/res/drawable-hdpi/icon.png
72 x 72

platforms/android/res/drawable-lpdi/icon.png
36 x 36

platforms/android/res/drawable-mpdi/icon.png
48 x 48

platforms/android/res/drawable-xhdpi/icon.png
96 x 96

 

iOS

FOLDER / NAME
RESOLUTION

platforms/ios/[app]/Resources/icon-small.png
29 x 29

platforms/ios/[app]/Resources/icon-40.png
40 x 40

platforms/ios/[app]/Resources/icon-50.png
50 x 50

platforms/ios/[app]/Resources/icon.png
57 x 57

platforms/ios/[app]/Resources/icon-small@2x.png
58 x 58

platforms/ios/[app]/Resources/icon-60.png
60 x 60

platforms/ios/[app]/Resources/icon-72.png
72 x 72

platforms/ios/[app]/Resources/icon-76.png
76 x 76

platforms/ios/[app]/Resources/icon-40@2x.png
80 x 80

platforms/ios/[app]/Resources/icon-50@2x.png
100 x 100

platforms/ios/[app]/Resources/icon@2x.png
114 x 114

platforms/ios/[app]/Resources/icon-60@2x.png
120 x 120

platforms/ios/[app]/Resources/icon-72@2x.png
144 x 144

platforms/ios/[app]/Resources/icon-76@2x.png
152 x 152

platforms/ios/[app]/Resources/icon-60@3x.png
180 x 180

*[app] is the name of your project in Cordova

 

Splash Screens

Android

FOLDER / NAME
RESOLUTION

platforms/android/res/
drawable-port-ldpi/screen.png
200 x 320

platforms/android/res/
drawable-land-ldpi/screen.png
320 x 200

platforms/android/res/
drawable-port-mdpi/screen.png
320 x 480

platforms/android/res/
drawable-land-mdpi/screen.png
480 x 320

platforms/android/res/
drawable-port-hdpi/screen.png
480 x 800

platforms/android/res/
drawable-land-hdpi/screen.png
800 x 480

platforms/android/res/
drawable-port-xhdpi/screen.png
720 x 1280

platforms/android/res/
drawable-land-xhdpi/screen.png
1280 x 720

 

iOS

FOLDER / NAME
RESOLUTION

platforms/ios/[app]/Resources/
Default~iphone.png
320 x 480

platforms/ios/[app]/Resources/
Default@2x~iphone.png
640 x 960

platforms/ios/[app]/Resources/
Default-568h@2x~iphone.png
640 x 1136

platforms/ios/[app]/Resources/
Default-667h.png
750 x 1334

platforms/ios/[app]/Resources/
Default-Portrait~ipad.png
768 x 1024

platforms/ios/[app]/Resources/
Default-Landscape~ipad.png
1024 x 768

platforms/ios/[app]/Resources/
Default-736h.png
1242 x 2208

platforms/ios/[app]/Resources/
Default-Portrait@2x~ipad.png
1536 x 2048

platforms/ios/[app]/Resources/
Default-Landscape@2x~ipad.png
2048 x 1536

platforms/ios/[app]/Resources/
Default-Landscape-736h.png
2208 x 1242

*[app] is the name of your project in Cordova

 

Further Reading

More information about app icons for Android Devices:
http://developer.android.com/design/style/iconography.html

More information about app icons on iPad and iPhone:
https://developer.apple.com/library/ios/qa/qa1686/_index.html

 

Tags | , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,