With iPad 3, you also just need to name your retina images foo@2x.png
. This should be exactly twice the resolution of the corresponding foo.png
. So let's say foo.png
is 10x10, then your foo@2x.png
should be 20x20.
You can also make a version specifically for the iPhone / iPod or iPad, and iOS will automatically select the correct version. You can use the ~iphone
and ~ipad
modifiers for this:
foo.png
for all devices with no retina display.foo~iphone.png
specifically for iPhone / iPod without retinafoo~ipad.png
specifically for iPad without retinafoo@2x.png
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, if there is always a version for all supported devices (if you use the iPad application, there is no need to provide images for the iPhone, of course). So this is normal, for example, foo~iphone.png
, foo~ipad.png
, and then foo@2x.png
.
source share