Table of contents
Share Post
Here is a table compiling the list of interface element sizes useful for your application developments on iOS devices.
DESCRIPTION | IPHONE / IPOD | IPHONE / IPOD RETINA | IPAD DIMENSIONS |
---|---|---|---|
Screen Dimensions | 320 x 480 | 640 x 960 | 768 x 1024 (Portrait) 1024 x 768 (Paysage) |
Screen Dimensions (excluding Status bar) | 320 x 460 | 640 x 920 | 768 x 1004 (Portrait) 1024 x 748 (Paysage) |
Status Bar | 320 x 20 | 640 x 40 | 768 x 20 (Portrait) 1024 x 20 (Paysage) |
Application icon | 57 x 57 | 114 x 114 | 72 x 72 |
App Store icon | 512 x 512 | 512 x 512 | 512 x 512 |
Small icon for Spotlight search results and Settings | 29 x 29 | 58 x 58 | 50 x 50 for Spotlight search results 29 x 29 for Settings |
Document icon (recommended for custom document types) | 22 x 29 | 44 x 58 | 64 x 64 & 320 x 320 |
Web clip icon (recommended for web applications and websites) | 57 x 57 | 114 x 114 | 72 x 72 |
Toolbar and navigation bar icon (optional) | ~ 20 x 20 | ~ 40 x 40 | ~ 20 x 20 |
Tab bar icon (optional) | ~ 30 x 30 | ~ 60 x 60 | ~ 30 x 30 |
Launch image | 320 x 480 | 640 x 960 | 768 x 1004 (Portrait) 1024 x 748 (Paysage) |
UINavigation Bar | 320 x 44 | 640 x 88 | 768 x 44 1024 x 44 |