I plugged in my application, the icons for the application itself ..
Unfortunately I have a problem.
In the Home Screen icon has a black border.
What am I doing wrong?
Why in the simulator I see correctly while the icon on the device I can not see properly.
I am attaching the screen
thanks,
Vincenzo
icon iphone simulator
icon real device
You probably can't see it on the simulator as it has a black background.
I am gonna take a guess and say that you have some transparency in your icon.
Make sure that you icon fills the entire image, you don't need to add the corner radius on yourself either as the OS will do it for you..
I think icons might have transparent border area.. Remove the transparent area.
Apart from liamnichols's answer's transparency border. I find there also other two issues.
a. transparency border (as liamnichols's answer)
b. icon has a black border (rare and easy to find)
c. icon size is less than the regulation (for example 60 x 60 not match the 87 x 87)
Related
I have made square shape icon for ipad, and also ipad make icon in rounded shape automatically on app, but in my app, it shows some black background color behind the icon.
please reply me..
are you sure you are using rigt size? Check this. It would be also nice if you put an image here.
I have set the multiple size of icon in AppIcon of Images.xcassets.
And set Asset Catalog App Icon Set Name to AppIcon.
But when the App run on my iPhone 5c , it has a black frame around the icon like the following picture.
Did I missing something ?
From iOS7: Avoid transparency. An app icon should be opaque. If the icon’s boundaries are smaller than the recommended sizes—or you use transparency to create “see-through” areas—the resulting icon can appear to float on a black background, which tends to look especially unattractive on the beautiful wallpapers that users choose
Check if there is any transparency present in the icon, if yes, please remove it.
You should avoid rounded corner icon, because Apple applies masks to your icon image for this. Provide a sqaure-ish icon of dimensions 120x120 pixels..
For more information go through HIG Guidlines
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..
Original iPad desktop icon for retina 144x144px without artifacts
I also check "iOS icon is pre-rendered"
What I'am doing wrong? Why Xcode or iOS render my icon with ugly corners?
Please, help..
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.
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)
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.
I have added an icon to my app. It has rounded edges and no background. The problem is that when I run an app on my device (iPhone 5) the icon has a black background behind the edges as if it wasn't transparent. Any solutions?
From the apple developer website after a quick search:
Avoid transparency. An app icon should be opaque. If the icon’s boundaries are smaller than the recommended sizes—or you use transparency to create “see-through” areas—the resulting icon can appear to float on a black background, which tends to look especially unattractive on the beautiful wallpapers that users choose.
https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/
Edit: Also, check the related questions before you confirm your post - Is is possible to use transparency in an iPhone app icon?
On IOS use just square icons, if you use rounder icons you will have black margin black background.
I want to know is there any way i can show the app icon with a transparent background, for example a white circle and the area around it as transparent, thought the image har transparent canvas. But app shows black background of the circle icon.
All relies are welcomed.
Your app icon will be displayed as the same sized round-cornered square button as all the other apps -- there's no way to truly make it look like a round button, for example.
If you control the device(s) on which the app will be installed, then you can add a background to your icon that matches the wallpaper on the device. Don't forget to turn off the shine effect by setting the UIPrerenderedIcon flag in your Info.plist to YES.