I recently added the icon on ios with the flutter_launcher_icons package. It worked with android and ios very fine but the problem is there is some extra padding on the IOS icon. How Can I remove it?
And this is how I set the icon
As you can see in your Icon file, your Icon has transparent(white in the picture you provide) margin and that cause the issue, you need to remove that margin. If your Icon has background you need provide the icon without transparent margin.
Related
The icon I'm using with my app looks fine everywhere on my iPhone X except for when it is listed within Suggestions.
At first I thought this was a cached image from when my version 1 app icon did have curved edges resulting in Xcode automatically adding the black border. I deleted the app from my phone before installing the latest version. Unfortunately, even though I am now on version 2 of my app icon which is completely square the black border still lingers within Suggestions.
What am I missing in order to remove this black border from Suggestions?
Using my version 2 app icon
no black border - good
black border - not good
Xcode icon setup
I have auto generated app icon using "ionic cordova resources ios" command.The icon generated for iOS having black border around the app icon and not looking properly .Do we need to manually create the icons with recommended iOS app icon sizes? . Has anyone faced similar kind of issues?. please suggest.
Note :The icon is having For android icon looks good at all different resolutions
As Ionic using automated Icon generation for iOS and Android app and due to that your Icon have black border around.
Black border reason :
Your Main Icon have some transparency or transparent area around your Icon. or may be your Icon is already have corner radius.
Solution : Please remove transparency from your icon and corner radius and again generate your iOS icon will remove black border.
Note: iPhone OS automatically add corner radius so not required to add
it in our app icon.
Hope this Info will help to solve your problem!
I am having this strange problem. I have added icons of sizes 120*120, 58*58, 80*80. This is what I usually add as icon for all my iPhone apps. And there is no rounded corner in the design. But, when i run the app on iPhone4(IOS7), the icon shows a strange black line on all four edges(not on the rounded corners). I have cross checked the dimensions and confirmed it is all ok. I even tried migrating my app to asset catalogues, tried hard reseting the device but nothing helped. Then I tried running the same app on an iPad(running IOS8) and I found a similar issue, just that the lines now appear on two sides, not all. All other icons are ok. The problem just happens for this one app. Can anyone tell me what might be the probable issue and how to resolve it?
The icons might have transparent edges. Remove the transparent edges.
In my case, it was a drop shadow attached to the icon which came along with the export. Sometimes designers add this drop shadow effect so you can better visualize the icon when designing, but if you add this to your app, you will get thin black lines around the app icon.
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 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.