Ios – Tab bar icons on retina display

iconsiosretina-displayuitabbarxcode

I am making an iPhone App but I can't understand why my custom tab bar icons are pixelated. They are 30×30. If I change the resolution to 60×60, for example, the icons are still pixelated but they are also incomplete.

Can you help me to fix this problem? Thank you very much.

Best Answer

You don't need to double the size of your non-retina images.
You need to create two separate icons icon.png (30x30) and icon@2x.png (60x60).
iOS will automatically load the right file based on the screen scale.
You can find more information about taking advantage of the retina display at this url: https://developer.apple.com/resources/high-resolution/

Related Topic