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