Icon and Splash Screen Reference for Mobile Web/PhoneGap/Cordova Apps

If you’re a mobile web/app developer like myself, you’ve probably had to suffer with getting dirty looks from your art department as you have to go back to them repeatedly for assets to support four different mobile operating systems (iOS, Android, Blackberry, Windows Mobile 8).  In order to avoid these uncomfortable conversations, I bring you a list of all required art assets that you might need in order to get your app published and make your customers happy.

iOS Icons

  • 1024 x 1024, 72 dpi jpg/png for iTunes Connect
  • 57 x 57 for iPhone, iPod Touch
  • 114 x 114 for Retina displays
  • 72  x 72 for iPad non-retina
  • 120 x 120 for iOS 7 Phones
  • 144 x 144 for IPad w/Retina display
  • 152 x 152 for iPad w/Retina display on iOS 7

iOS Spotlight Icons

  • 29 x 29
  • 58 x 58
  • 80 x 80

iOS Settings Icons

  • 29 x 29 (iPhone non-retina)
  • 58 x 58 (iPhone Retina)

iOS Launch Images

  • 320 x 460
  • 320 x 480
  • 640 x 920
  • 640 x 960
  • 640 x 1096
  • 640 x 1136
  • 768 x 1004
  • 748 x 1024
  • 1536 x 2008
  • 1496 x 2048

iOS Startup Images (Native App)

  • 320 x 480 (3.5″ non-retina)
  • 640 x 960  (3.5″ Retina)
  • 640 x 1136 (4 inch iPhone)

Google Play Store Artwork

  • 512 x 512 32-bit PNG icon
  • 1024 x 500 png feature graphic
  • 180 x 120 promo graphic
  • Promo video on youtube

Android Splash Screens

  • xlarge (xhdpi): at least 960 x 720
  • large (hdpi): at least 640 x 480
  • medium (mdpi): at least 470 x 320
  • small (ldpi): at least 426 x 320

Highly recommended to use a 9-patch image

Android Icons

  • 72 x 72
  • 36 x 36
  • 48 x 48
  • 96 x 96

Blackberry 10.x Splash Screen

  • 768×1280 (Z10)
  • 720×720 (Q10)

Blackberry 10.x Icon

  • 114 x 114

Blackberry World

  • 480 x 480 – Store Icon
  • 1920×1186 – Product Featured Image
  • Screenshots – can’t be more than 1280 x 1280

I’ll be updating this with more details later this week…

5 thoughts on “Icon and Splash Screen Reference for Mobile Web/PhoneGap/Cordova Apps

  1. Marco

    Hi Steve,

    great and informative post. I’m trying to add app icon for android but i don’t know where to place the icon.png in the sencha resources folder to get them copied into cordova/platforms/android/res/drawable…

    Any hint on that?

    Reply

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s