Phonegap icon & Splash Screen Sizes

Hi Developer,

In this tutorial, we’re going to see various icon and splash screens for your phonegap / apache cordova application for various mobile platform such as android, ios, windows and more. before that we’re going to see various sizes (resolutions) of icons and splash screen

Icon Size for Phonegap Android Applications

  • 192px (xxxhdpi)
  • 144px (xxhdpi)
  • 96px (xhdpi)
  • 72px (hdpi)
  • 48px (mdpi)
  • 36px (ldpi)
  • 512×512 pixel – only used in Android Market; resized to various sizes

Splash Screen Sizes for phonegap android applications 

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

 

Icon Size for Phonegap iOS Applications

  • 57 px, iPhone
  • 72 px, iPad
  • 114 px, iPhone 4 Retina Display
  • 144 px, iPad 3 Retina Display
  • 1024 px, iTunes – Used in iTunes and in the App Store sized down to 175px
  • 29 px, iPhone Settings/Spotlight, iPad Settings – used in these table views. Minor, but still important!
  • 48 px, iPad Spotlight
  • 58 px, iPhone 4 Settings/Spotlight
  • 64 px document icon
  • 320 px document icon

Splash Screen Sizes for phonegap ios applications

  • 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

Icon size for Phonegap Windows Applications

  • 99px, small mobile app icon
  • 173px, large mobile app icon
  • 200px, PC app title icon
  • 480x800px, details page screenshot
  • 1000x800px, panorama background
  • 480x800px, application splash screen

Splash Screen Sizes for phonegap android applications 

  • Portait: 480x800px
  • Landscape: unsupported

 

Icon / Splash Screen Size Referral :

https://github.com/phonegap/phonegap/wiki/App-Icon-Sizes

  • Raju

    This is very helpful. Its awesome you have all these short Cordova/Phonegap tutorials. Thank you!

    • http://www.lucin.in Sundara Vel

      Thank you so much for your feedback

Share This

Share this post with your friends!