iphone大图标512x512带边框毛刺？

Question

I just uploaded my first iPhone app. The app icon has a border, sort of like the "settings" icon. However, when I upload my large icon in iTunes connect, there are some weird white edges in the corners. It appears that they might use a smaller corner radius or something. How can I make sure it will display correctly on the apple store? The image is a jpeg with no transparency.

Thanks for the help!

Answer 1

What's happening is the appstore is expecting a purely square 512x512 image. It then masks it to have rounded corners and then adds a drop shadow automatically.

If you want it to have a specific border like what you've designed you need to match their rounding exactly.

If you search around. there are PSD templates available that will help you design it (ie they have the exact mask that itunes uses).

Here's an example: http://www.pixelresort.com/blog/app-icon-template/

Answer 2

Another technique which can work really well is leaving the outer part of the icon square — in your case, the dark brown outer border would extend to the edge of the canvas – and let the roundrect mask handle the corners for you. There's a bit more info in this excellent blog post: All the sizes of iOS app icons

You'd still get the border effect, but let it be cut cleanly by the mask rather than by your icon's transparency.

Answer 3

I believe this to be a bug with iTunes Connect . I've seen the same problem, but it only appears on the Versions summary screen.

I've seen this when uploading a square icon. For example:

In summary, don't worry about it. Your icon should still show up correctly in the iTunes Store and on the Devices themselves. If your icon looked clean in the iOS Simulator and on your device, you're good to go.