CODEWITHSUNDEEP
iphoneinterfacesizephotoshop
Sorin M
Sorin M

Reputation: 31

Interface Photoshop size for iPhone app

I am building an iPhone app interface and I know the dpi has to be 163, but when it comes to the size of the file, I was looking through all the recommendations and found 2 different answers...

Does anyone know what size should i set the Photoshop file at? The answers I have so far are:

  1. "The screen on the iPhone is 480×320, minus the 20-pixel status bar (making a 460×320 working screen size). The screen shots on the App Store should not include the status bar."

  2. "400 x 320 or 960 x 640 (iPhone 4) You must also consider the landscape mode (320 x 400 and 640 x 960)"

I would really appreciate the answer. Thanks!

Upvotes: 3

Views: 10935

Answers (3)

nxtwrld
nxtwrld

Reputation: 2062

Designing an app, you just need to use the right resolution.

So it is display resolution - top bar:

640x920 (retina without the top bar)

320x460 (iphone up to 3gs)

Upvotes: 1

Andreyco
Andreyco

Reputation: 22872

You can forget about DPI, the resolution is what is important for you.
So the answer is...
320 x 480 pixels for iPhone - iPhone 3GS (and iPod Touch, first -> third gen)
640 x 960 pixels for iPhone 4 and iPod Touch 4th gen

This is for full screen apps. This will help you a lot, when designing UIs for iDevices.
SD resolution (link)
Retina, HD resolution (link)
That's it...

Upvotes: 3

hotpaw2
hotpaw2

Reputation: 70693

The Official Answer is in Apple's iTunes Connect Developer Guide, which you can download from iTunes Connect after logging in.

Upvotes: 0

Related Questions