: Exported image not rendering correctly in iOS I have this image in .ai format and I exported it out as png of sizes: 25x25, 50x50 and 75x75 pngs for iOS tab bar icon. But when it renders

@Angie364

Looks like the problem is described here: stackoverflow.com/questions/25894974/how-can-i-fix-the-tab-bar-of-the-tab-bar-controller-in-ios

The problem is that your image lacks transparency. The tab bar expects
your image to be a transparency mask (also called a template) - only
its degree of transparency / opacity is taken into account. Your image
is completely solid opaque, so it appears as a solid square.

Either fix your image, or derive from it an image whose rendering mode
is Always Original to force that actual drawing of the image to appear
instead of its opacity.


Also the tab bar images should be of only 1 color. This is the final image which works:


developer.apple.com/library/content/documentation/UserExperience/Conceptual/UIKitUICatalog/UITabBar.html

Vote Up Vote Down