Tab bar icons on retina display

Question

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

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

Solution

You don't need to double the size of your non-retina images.
You need to create two separate icons icon.png (30x30) and [email protected] (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/

Comments

[jheriko]

annoyingly this does not always work for me in xcode 6.2. sometimes an app will 'kindly' show me no icon at all on a retina display, and complain about not being able to load the '1x' version of the image. after a waste of time debugging it turns out to be a classic xcode problem of it not cleaning the old bundle on the phone or updating it at all when there are changes. this is a nasty gotcha, and it keeps stinging me even though i know it is there. be aware of this. doing a full clean build and deleting the app from the device before testing a build is a must for reliable results.