Search code examples
iosimagetabbar

What can possible cause image look ugly in tab bar iOS?

I have 2 images.

The first one (@2x: 50x50, 72 pixels/ inches) is like this:

enter image description here

It look so ugly in Tab Bar:

enter image description here

The second one (@2x: 48x42, 72 pixels/inches) is like this:

enter image description here

Even it is smaller, it look good in Tab Bar:

enter image description here

I cannot see the different between the 2 images. Can you see and tell me why? I'm new in designing images for iphone. How can I design good image for tab bar? Here you can download the images.

Solution

  • After hours of researching finally I found out the reason. It's so silly of myself but I have to post this with hope that it will save time for other iOS developers who also want to design their own app:

    Basically when exporting images to be used inside your app, your need to export with with PNG-24 type. That's all. (See image below as an example).

    enter image description here