With the iPad 3, you also simply need to name your retina images [email protected]
. It needs to be exactly two times the resolution of the corresponding foo.png
. So, say foo.png
is 10x10, then your [email protected]
needs to be 20x20.
You can also make version specifically for iPhone/iPod or iPad and iOS will automatically chose the correct version. For this, you can use the ~iphone
and ~ipad
modifiers:
foo.png
for all devices with non-retina display
foo~iphone.png
specifically for iPhone/iPod non-retina
foo~ipad.png
specifically for iPad non-retina
[email protected]
for all devices with retina display
foo@2x~iphone.png
specifically for iPhone/iPad retina
foo@2x~ipad.png
specifically for iPad retina
You can mix them in any combination, as long as there's always a version for all your supported devices (if you're doing an iPad-only app there's no need to provide images for iPhone, of course). So it's OK to provide for example foo~iphone.png
, foo~ipad.png
and then [email protected]
.