iOS app icon with transparent background showing black background on device

ios background icons transparency
Fengson picture Fengson · Apr 4, 2014 · Viewed 89.3k times · Source

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?

Answer

Lex Webb picture Lex Webb · Apr 4, 2014

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?

Related questions

How to set a background image in Xcode using swift?

How can I set a background image for my main view controller in Xcode 6 using swift? I know that you can do this in the assistant editor as below: override func viewDidLoad() { super.viewDidLoad() view.backgroundColor = UIColor.yellowColor() } What is …

Read More
How to handle background audio playing while iOS device is locked or on another application?

Designing a generative music system for iOS, using OpenFrameworks, I'd need to provide a mode in which the user could listen the music produced by the application when: the device is locked the user uses another application Some applications like …

Read More
why does CSS background-size: cover not work in portrait mode on iOS?

I'm trying to set up a manualy splash-image across devices. I'm doing so by checking for orientation (touch devices) or screen width vs. screen height (none touch) and set a url accordingly. Then I add this CSS rule via Javascript: …

Read More