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?
Asked
Active
Viewed 1.1e+01k times
124
-
6There should be no transparency in the image – onmyway133 Apr 07 '16 at 12:17
-
1Could you add a screenshot @Fengson, it would be useful to know if it's the same problem we're experiencing or not? – Basj Apr 28 '18 at 09:24
2 Answers
161
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?
Parth Bhatt
- 19,381
- 28
- 133
- 216
Lex Webb
- 2,772
- 2
- 21
- 36
-
9Funny how often the solution to Apple problems is to just stop trying to be creative. +1 for the info, though. – Teekin Sep 18 '20 at 16:33
8
On IOS use just square icons, if you use rounder icons you will have black margin black background.
Orsos Patrick
- 389
- 3
- 5