Titanium Tips

iPad Dimensions - Portrait

Here’s the size of the standard iPad User Interface (UI) elements. You know, the Status Bar, Nav Bar, Tab Bar, etc.

iPad Dimensions Portrait

The good thing about the iPad (so far) is that there is no Retina display to worry about - so no @2x images are required.

If you want an image to fill the Main Content Area, it needs to be 768 pixels wide by 911 pixels high.

In case you can’t make sense of the graphic...
iPad Portrait Width 768px
iPad Portrait Height 1024px
   
Status Bar Height 20px
Nav Bar Height 44px
Main Content Area Height 911px
Tab Bar Height 49px
   
Keyboard Height 264px
iPad Portrait Keyboard Size 264px

Note that when the keyboard is displayed, it covers up the Tab Bar at the bottom of the screen.

Comments

iPad Dimensions - Landscape

Size of the standard iPad User Interface (UI) elements in Landscape orientation.

iPad Dimensions Landscape

The good thing about the iPad (so far) is that there is no Retina display to worry about - so no @2x images are required.

If you want an image to fill the Main Content Area, it needs to be 1024 pixels wide by 655 pixels high.

In case you can’t make sense of the graphic...
iPad Landscape Width 1024px
iPad Landscape Height 768px
   
Status Bar Height 20px
Nav Bar Height 44px
Main Content Area Height 655px
Tab Bar Height 49px
   
Keyboard Height 352px
iPad Landscape Keyboard Size 352px

Note that when the keyboard is displayed, it covers up the Tab Bar at the bottom of the screen.

Comments