CODEWITHSUNDEEP
iosxcodeimage
RRN
RRN

Reputation: 1187

Icon Looks Strange on iPhone Home Screen

Please check the left and right hand corners, the icon looks nice in other situation, the original icon also look nice, but when it shows on the home screen of iphone, there is a black line around the corner as shown below:

enter image description here

Retina

Non-Retina

First one is original, second is retina, third is non-retina. What's wrong? How to fix this??
Thanks!!

Upvotes: 0

Views: 1083

Answers (5)

P.J
P.J

Reputation: 6587

You don't need to make icon image corners rounded, it gets rounded automatically.

Try without rounder corner image.

Upvotes: 0

tiguero
tiguero

Reputation: 11537

I recommend using the template provided by this link instead. There is a script inside this template that will automatically output all the necessary format needed for your app. Just provide a square image as the original image and the template will take care of automatically of applying a mask to the part you want to be rounded so you shouldn't face the issue you are observing here. As mentioned by DrummerB you shouldn't provide an icon image with rounded corner.

Upvotes: 0

David Hoerl
David Hoerl

Reputation: 41642

The way to fix this is copy your square retina icon, rename it to be the same name as your current non retina icon, open it with Preview, resize it by half, save, replace old rounded icon with the one you just made.

Upvotes: 0

DrummerB
DrummerB

Reputation: 40211

As described in the iOS HIGs you shouldn't add a rounded corner to the icon you supply. The corners will be automatically rounded on the homescreen. You probably got the radius wrong by a pixel or two.

Upvotes: 4

Sebastian Łuczak
Sebastian Łuczak

Reputation: 1116

Glow and shadow appears by default to all iOS homescreen icons. You can change it by adding:

UIPrerenderedIcon YES

to your Plist file.

Upvotes: 0

Related Questions