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!
Related
I am wondering about how to change the design in photoshop for the new iPhone 5.
Usually I create design/background for iPhone in Photoshop, with resolution 640x960 for retina. Since the retina resolution is propotional to the older ones I can just reduce to 320x480.
But what about the iPhone 5. The Screen is higher. I'ts a new resolution ( 1136 x 640 )
What is the best solution for photoshop design to display on iphone4s< and iPohne 5?
How can I handle that without creating a new design?
And how can I tell the app just to use it if it's the iPhone 5?
(I am using PhoneGap/Cordova)
You can create an original design using 960x640. Then you can just add a different layer positioning your elements for the 1136x640 resolution. When exporting, hide the tall layer if you want to target iPhones < 5. When targeting the iPhone 5, just have your layer as a top view, and you can change the artboard on the fly.
Also, iOS 6 won't automatically target iPhone 5 images (except Default). So if you want to use different images you would have to check yourself for the height.
Basically, if your screenSize.height == 568, you're using an iPhone 5.
When I use interface builder i see that the size of the view is 480X300 why is that? isnt the iphone screen 960X640px?
These are actually "points". Depending on UIDevice scale parameter points convert to either 480*320 (for normal display) OR to 960*640 (for retina display).
You can also read the Apple docs which explains the difference between points and pixels in detail: Points Versus Pixels
And also note that the "missing 20 pixels" (300 instead of 320) are due to the status bar. If you select "status bar unspecified" in "simulated user interface elements" in the CMD-1 attributes inspector then you get the full 320 height.
Older iPhone (like iPhone 3GS) has 480x320 display, and iPhone 4 has 960x640 display (called retina display).
On the retina display, any user interface elements will be scaled up to 2X.
By the way, these are not "points", but just "pixels". If they were "points", iPhone 4 would be bigger than iPad.
To understand how to handle screen/display size depending on iPhone versions, read this article : Supporting High-Resolution screens
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.
For our iPhone app, we are using 50 x 50 user image (from facebook). It works fine for iPhone 3G and 3GS but not for iPhone 4 due to its high resolution display. For iPhone 4 we tried to send 100 x 100 (variable height) image but it is not working for obvious reasons. Any thought?
You don't need to do anything different for the Retina Display. Using exactly the same image as you have on the older iPhone will work exactly the same.
If you have a higher resolution image that you'd like to display instead, then if you save the file with a #2x suffix then, if the device has a Retina display, it will pick that instead. In most cases it should not require any extra code.
I want to display an image to my users which is larger than the screen area and will overscroll to let the users drag it around and zoom in.
Do I need different images with different dpi for iPhone 4 users because of the higher resolution?
Or can I just set the zoom level differently depending on device?
Yes, you need to use different images. iOS 4 will automatically detect a higher-res image if you name it with a #2x suffix. e.g. image.png => image#2x.png
https://developer.apple.com/iphone/prerelease/library/documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/SupportingResolutionIndependence/SupportingResolutionIndependence.html
(You must be a Registered iPhone Developer in order to see this document)