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!
Related
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.
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
It seems that when using the Ionic Framework to develop a hybrid app for Android and iOS, the app launcher background is set to transparent somewhere which works for Android but not for iOS, which will then cause the launch background to be black, but I would like to figure out how to change the background color to white. Also the icon that I have saved in the resources folder for both Android and iOS seems to be overflowing to the edges of the launcher in iOS, so is there anyway to decrease the size of the launcher icon on the home screen only for iOS? I will add a screen shot of the app on the home screen soon.
The best way to go about doing this is to make sure transparency is off for the image going to be used as the app icon and to use makeappicon.com. You may have to play around with the size of the background either in Adobe Photoshop or determining the best size of the background by using Snipping Tool in programs with a white or colored background like in Microsoft Word and then cropping the image.
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.