This is a reference guide for Icons and Splash screen resolutions for Android and iOS Cordova/Phonegap Apps. This guide is only for Mobile Phone Devices.
- 57 px, add as
<link rel="apple-touch-icon" href="icon.png">, in the<head>of index.html.
- 192px X 192px (xxxhdpi) (name: 192.png)
- 144px X 144px (xxhdpi) (name: 144.png)
- 96px X 96px (xhdpi) (name: 96.png)
- 72px X 72px (hdpi) (name: 72.png)
- 48px X 48px (mdpi) (name: 48.png)
- 36px X 36px (ldpi) (name: 36.png)
- 512x512 pixel - only used in Android Market; resized to various sizes (name: 512.png)
- 60 px (name: Icon-60.png)
- 60 px (@2x -> 120px) (name: Icon-60@2x.png)
- 60 px (@3x -> 180px) (name: Icon-60@3x.png)
- 72 px (name: Icon-72.png)
- 72 px (@2x -> 144px) (name: Icon-72@2x.png)
- 76 px (name: Icon-76.png)
- 76 px (@2x -> 152px) (name: Icon-76@2x.png)
- 167 px (name: Icon-167.png)
- 1024 px (name: Icon-1024.png)
- 40 px (name: Icon-Small-40.png)
- 40 px (@2x -> 80px) (name: Icon-Small-40@2x.png)
- 40 px (@3x -> 120px) (name: Icon-Small-40@3x.png)
- 50 px (name: Icon-Small-50.png)
- 50 px (@2x -> 100px) (name: Icon-Small-50@2x.png)
- 29 px (name: Icon-Small.png)
- 29 px (@2x -> 58px) (name: Icon-Small@2x.png)
- 29 px (@3x -> 87px) (name: Icon-Small@3x.png)
- 57 px (@2x -> 58px) (name: Icon.png)
- 114 px (@2x -> 114px) (name: Icon@2x.png)
- 1024 px (@2x -> 2048px) (iTunesArtwork@2x.png)
https://github.com/phonegap/phonegap/wiki/App-Icon-Sizes
9-Patch PNG (recommended)
- LDPI:
- Portrait: 200x320px (name: 200.png)
- MDPI:
- Portrait: 320x480px (name: 320.png)
- HDPI:
- Portrait: 480x800px (name: 480.png)
- XHDPI:
- Portrait: 720px1280px (name: 720.png)
- XXHDPI:
- Portrait: 960px1600px (name: 960.png)
- XXXHDPI:
- Portrait: 1280px1920px (name: 1280.png)
PNG (recommended)
- Handheld (iPhone, iPod)
- Non-Retina (1x)
- Portrait: 320x480px
- Retina (2x)
- Portrait: 640x960px
- iPhone 5 Retina (2x)
- Portrait: 640x1136px
- iPhone 6 (2x)
- Portrait: 750x1334px
- iPhone 6 Plus (3x)
- Portrait: 1242x2208px
- iPhone 6 Plus (3x)
- Portrait: 1080x1920px
- Non-Retina (1x)
According to Apple's application guidelines, a tablet (iPad) application should not hide the status bar while a handheld (iPhone) application should hide status bar.
The above dimensions are assuming that you have chosen to follow this recommendation. If you choose a different path, then you should increase or decrease the image height based on the size of the status bar.
An iPhone app should include one launch image in portrait orientation; an iPad app should include one launch image in portrait orientation and one launch image in landscape orientation. This means that not all formats listed above are required.
https://github.com/phonegap/phonegap/wiki/App-Splash-Screen-Sizes