In iOS 11 when user taps on app icon it shows a black colour, in system apps it doesn't happen even i've noticed this in other apps from different developers it doesn't happen. I'm attaching a screenshot.
Same problem was cause in my app.
I think your app icon shape is not square.
https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/
This link says
Attribute -> value
Format -> PNG
Color Space -> sRGB or P3
Layers -> Flattened with no transparency
Resolution -> Varies.
Shape -> Square with no rounded corners
App Icon Shape should be square with no rounded corners.
So please try to change your app icon's shape if your app icon's shape is not square.
Related
My app icon is showing with white borders, how do I remove it?
this is happening only when I try to build the application for ios, on the android system this does not happen
I tried modifying the alpha channel but it didn't work.
image link: https://imgur.com/IiVoRIj
It looks like your image has some white (or transparant) color on the edges. If that's the case I would open the image in a image program, zoom in, find these spots and fill them with the background color.
In GIMP version 2.8, I have an image with a black foreground, and a transparent background. I want to set the entire foreground to red, instead of black. What's the simplest way of doing this?
I have tried using the fuzzy select tool and doing a bucket fill on the selection, but this doesn't seem to select the entire foreground. After the bucket fill, there is still a black line around the edge of the foreground image. So it seems that the fuzzy selector didn't select the entire foreground. On closer inspection, the edges of the foreground are not perfectly black, but have some grey pixels. But when using the fuzzy selection, I set a very high threshold (250), so I would have thought this this would select the entire foreground, including the grey pixels.
Any help? Thanks!
The gray pixels aren't grey, they are partially transparent black pixels. If you replace black, you want to keep that partial transparency because this is what gives smooth edges. And there is an easy solution:
Set the alpha-lock of the layer (this is the checkerboard icon at the top of the Layers list) (or in code: gimp-layer-set-lock-alpha)
Do not use selection.
Bucket-fill the layer with the required color. The alpha-lock will preserve the opacity of the pixels.
I'm working on a iOS application. My app icons has transparent background but when app installed on iPhone it shows white background.
Here is my app icon you can see the white borders:
How I can fit this icon?
You shouldn't have transparent background for app icons.
I suggest you to read the guidelines about icons. Explanation from these guidelines about transparency :
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.
Pre-rendered icons on iOS
By default, iOS will modify the icon graphic you supply to add rounded corners, a drop shadow, and a reflective shine. The graphics here shows the before (left) and after (right) effects of this transformation. Apple recommends that your icon graphic have 90-degree corners, does not apply any shine or gloss, and does not use any alpha transparency.
You cannot prevent the rounded corners or drop shadow from being applied. But you can override the reflective shine by providing a "prerendered" icon and making a change in the tiapp.xml file. You might do so to apply your own shine effects. To prevent the default shine from being applied, update the following key in the tiapp.xml to have the value true.
<prerendered-icon>true</prerendered-icon>
Please read more from appc Doc http://docs.appcelerator.com/platform/latest/#!/guide/Icons_and_Splash_Screens-section-29004897_IconsandSplashScreens-Pre-renderediconsoniOS
That is expected. You can see this Apple Documentation that explains how you should design your icon to avoid this white background
For the icon sizes, please check the first row of this table.
Obviously the image file itself is 120x120, but the inside would be a circle in a fully transparent square.
Should I ask for full square icon?
I don't want to share my icon because of the client.
The answer is a "soft no" -- from the HIG:
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.
Basically, it's going to look very wrong and bad. An option would be to choose a solid background field color for the app icon, and put the circle on that.
I am facing the problem with the App Icon on the iOS 7 Device, the Problem is : I am getting a black border on the top corner of the icon. The Icon size & Name i used is:
Size : 120 X 120 pixels
Name : Icon-60#2x.png
(Sorry, I can't post the screen shot/Image here as i need 10 reputation points to post an image. Hope you guys understands)
Please help me.
Thanks in Advance !
EDIT:
iOS HIG guidelines suggest,
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.
Hope that helps!
For iPhone and iPod touch, both of these sizes are required:
120 x 120 pixels
60 x 60 pixels (standard resolution)
Reference by apple doc
I've faced same issue like this. I'd provided image with rounded corner. When I provide flat image with this size, I'll see correct icon. Seems to be silly. But It has work.
Please try these steps
STEP 1:Remove the transparency of app icon.
STEP 2:Add square images. Images with rounded corners also make this issue