When you use LocalBeacon, you’re able to design your home screen layout anyway you like. A common question is how much space do I have. We’ll cover each screen type in this short post.
iPhone
The iPhone’s screen resolution is 320px wide and 480px tall when held in portrait mode. The tab bar takes up 48px on the bottom, and the status bar takes up 20px on the top, leaving you with a 320px wide and 412px tall area for your home screen content.
iPhone4
The iPhone4 has the same resolution BUT twice the DPI. What does that mean to you? Generally, you’ll have to make images twice the size in order for them to look crisp on the iphone4. If you create a 50×50 icon for the iPhone, you’ll need to create a 100×100 icon for the iPhone4.
iPad
The iPad’s resolution is 768px wide by 1024 px tall. It has the same DPI as the original iPhone. The content well is 768px wide and 956px tall.
Here’s a handy image of the iPhone’s screen. For the iPhone4, just make it twice the size.
