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:
"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."
"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!
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...
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)
The Official Answer is in Apple's iTunes Connect Developer Guide, which you can download from iTunes Connect after logging in.
Related
I am sure this info is somewhere but I can't find it, and the Apple Developer hotline seems to have no idea what I'm talking about. In the assets library for launch screen in Xcode, there are slots labeled:
iPhone Portrait ---> Retina HD 5.5 & Retina HD 4.7
iOS8
iPhone Portrait ---> 2x & Retina 4
iOS 7, 8
iPhone Portrait ---> 1x, 2x & Retina 4
iOS 5, 6
I had launch screens prepared and I have the sizes for these individual files, but I don't see how their sizes correspond to these Apple labels within Xcode. Moreover, the Apple docs here (https://developer.apple.com/library/ios/documentation/LanguagesUtilities/Conceptual/iTunesConnect_Guide/Appendices/Properties.html#//apple_ref/doc/uid/TP40011225-CH26-SW1 which is what Apple Developer referred me to) just refer to iphone 6 and 6s sizes, which doesn't correspond to the Xcode label organization.
This seems like it should be a 1 minute query. What am I missing and where is this super basic information?
If you select the image "slot" in the asset catalog and show the Attributes inspector (on the right-hand side), it will show (among other things) "Expected Size" for each image. Doing that, it looks like:
iPhone Portrait iOS8 Retina HD 5.5: 1242 x 2208
iPhone Portrait iOS8 Retina HD 4.7: 750 x 1334
In the Attributes inspector, you can also choose which "slots" you want included via a series of checkboxes.
Documentation-wise, see the Icon and Image Sizes section of the iOS Human Interface Guidelines.
Paraphrasing from there:
iPhone 6 Plus: Use a Launch File
iPhone 6: Use a Launch File
iPhone 5: 640 x 1136
iPhone 4s: 640 x 960
iPad (#2x): 1536 x 2048 (portrait), 2048 x 1536 (landscape)
iPad (#1x): 768 x 1024 (portrait), 1024 x 768 (landscape)
Also see the Launch Images section, which says:
Although it’s best to use a launch file for iPhone 6 and iPhone 6 Plus, you can
instead supply static launch images if necessary. If you need to create static
launch images for these devices, use the following sizes:
For iPhone 6:
750 x 1334 (#2x) for portrait
1334 x 750 (#2x) for landscape
For iPhone 6 Plus:
1242 x 2208 (#3x) for portrait
2208 x 1242 (#3x) for landscape
It's worth noting that if you're only supporting iOS 8, you can just use a launch XIB or Storyboard and you don't need to worry about particular images sizes. The Launch Images section has information on that.
My most recent app update (which is iOS 8 only) is using XIB files (one for iPhone, one for iPad) and it works great.
Retina HD 5.5 - 1242x2208
Retina HD 4.7 - 750x1334
Retina HD 5.5 landscape - 2208x1242
2x - 640x960
Retina 4 - 640x1136
1x - 320x480
default 320x568
default#x2 640x1136
I have ios game, that is designed for iPod 4, iPhone 4.
I have no graphics for 320 x 460 resolution, but I want my app to be able to launch on iPad.
Is there some way to launch app on iPad at 960 x 640 resolution, at the center of the screen with automatical coordinates conversion?
Note: I use cocos2d.
It may be more complicated than you may think.
If your app is not a Universal app but only a iPhone/iPod app, it will be 320 * 480 on iPad/iPad 2. On the New iPad, with Retina Display support, the app will be 640 * 960 automatically. Please refer to:
https://apple.stackexchange.com/questions/42978/retina-iphone-app-on-the-new-ipad
http://www.macrumors.com/2012/03/20/new-ipad-uses-retina-graphics-when-running-iphone-apps/
For jailbroken iPad/iPad 2, there is an app "RetinaPad" available in Cydia Store which enables them to run iPhone app in Retina mode.
A possible solution to your question come to my mind is to:
Make your app universal.
In + (id)scene method, create a "wrapper" CCLayer inside the CCScene, and add your own CCLayer into the "wrapper" layer instead of the scene.
Set positionInPixel of your own layer according to the actual resolution of the device by [[CCDirector sharedDirector] winSizeInPixels] (possible values are 320*480, 640*960, 768*1024, or 1536*2048).
Set scale of your own layer to 0.5 if the device is 320*480.
I don't have the requirement in your question so most likely I will not verify this approach... You may have a try if it's really what you want.
I have two iPhone devices: 3G and 3GS. My application always loads successfully on iPhone 3GS but on iPhone 3G it loads like 10% of tries (but it loads). I do not have any exceptions or zombies.
Can someone lead me to possible causes or suggestions to how can i find root cause of the problem?
There are many possibilities. One of them is the "Images". Are you using a lot of images? What are the resolution. Remember:
iPhone 4, ipod touch use XX#2x resolution (retina image: 640 x 960 px)
iPhone 3 without #2x (smaller resolution: 320 x 480 px)
My background and my icons are all huge, like it's zoomed in 2x. Any ideas why?
Check the images in the app- there should be two sets of images, with one set being at double resolution and suffixed with "#2x". If there's just one set and they seem large, odds are the developer never intended the app to be run on a device that's not running iOS4 (which seems odd, but there it is).
That's because the apps in iOS 4 are targeted for iPhone/iPod 4 which have a resolution of 960 x 640, whereas iOS 3 has a resolution of 480 x 320. Do read about Retina Display of iOS for further details.
I would like to programmatically generate contact pictures - something like what Gravatar does, although not exactly.
Are there size requirements on the generated images such that the contact picture will be full-screen when the user calls? Are there differences for these size requirements between iPhone 3/GS and iPhone 4?
I presume setting the pictures using the ABAddressBook API will provide no hurdles.
In both cases - for iPhone 3 and iPhone 4 (with retina display) I wound up setting the image size to 640 x 960. When I set the profile picture to 320 x 480 for iPhone 3, the image didn't scale to fit the full screen.
So there you go!