CODEWITHSUNDEEP
iosxcodeicons
imike
imike

Reputation: 5656

Why Xcode or iOS render my icon with ugly corners?

PLease tell me how can I create app icon for iOS 7 with perfect quality?

Now my two app icons have black artifacts on corners..

my two app icons have black artifacts on corners

Original iPad desktop icon for retina 144x144px without artifacts

Original iPad desktop icon for retina 144x144px without artifacts

I also check "iOS icon is pre-rendered"

xcode appicon screenshot

What I'am doing wrong? Why Xcode or iOS render my icon with ugly corners?

Please, help..

Upvotes: 0

Views: 1648

Answers (3)

manujmv
manujmv

Reputation: 6445

This is because your app icon's corner radius and apple's standard corner radius are mismatching. So they filling the gap with black backgound. I suggest you to make a squred icon and dont check iOS icon is pre-rendered unless there is a particular requirement. Another solution is to adjust the icon with some image editor. May be adjusting your corner radius will help you.

Upvotes: 1

Maurice
Maurice

Reputation: 1464

Your red background is to big, when re-rendering the corners some of the red comes inside the app icon, it looks dark because it is mixed up with the blue. Create a completely squared app icon, xcode will do the rest and it won't look screwed. (remove the red background)

Upvotes: 1

Supertecnoboff
Supertecnoboff

Reputation: 6606

I generally make my icons square in the first place and then let Xcode handle the curved corners. That way you don't end up with ugly curved black lines.

Upvotes: 2

Related Questions