iPhone App Icons - Exact Radius?

Question

Hi,

I'm trying to create the icon for my iPhone app, but don't know how to get the exact radius that the iPhone's icons use. I've searched and searched for a tutorial or a template but can't find one.

I'm sure that I'm just a moron, but how do you get the rounded corners exactly right with your icon from Illustrator or Photoshop???

Thanks!

Answer 1

The iphone rounds corners for you, all you need is a square 57x57 png icon and u should be good

Answer 2

The corner radius of the 57 x 57 pixel icon is 9 pixels.

Answer 3

You can make three icons (as of today) for your app and they can all have a different look - not necessarily based on the 512x512 image.

corner radius for the 512x512 = 80 (app store)
corner radius for the 72x72 = 11 (iPad/iPhone 4)
corner radius for the 57x57 = 9 (iPhone/iPod Touch)

If you do create a set of custom icons, you can set the UIPrerenderedIcon option to true in your info.plist file and it will not do any of the gloss or corner rounding for you but it will place a black background under it with these corner radii so if the corner radius on any of the icons is greater then it will show black around the edges/corners.