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
Related
The home app icon is not showing any of my images from xcassets. It only shows a black background.
So far, I've tried cleaning and rebuilding after deleting the app on my device. I've tried uploading different images with the same effect. I've also tried adding the icon files directly into the plist with the same effect.
Here's what it looks like
Link to xcassets img
Sorry, due to my low reputation, I was neither able to upload images nor post more than 2 links. Any help would be greatly appreciated.
Delete your previous Appicon image set and create a new one.
In Images.xcassets press the "+" -> "App icons and launch images" -> "New iOS App icon". Then add your images with the right sizes(very important to have the exact right sizes). Make your images png format.
Look at this guide to get the right sizes: iOS Human Interface Guidelines
Hope this helps.
Edit:
From the iOS Human Interface Guidelines:
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 dark background, which tends to look especially
unattractive on the beautiful wallpapers that users choose.
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)
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.