meetpd meetpd - 4 months ago 16
Objective-C Question

Trouble displaying "@2x.png" images in iPad

My iphone app has two images: "cat.png" and "cat@2x.png"

I heard that if we want to display bigger image (for iPad version), then you give name as "@2x.png" & it automatically detects device & display bigger image in iPad.

Is that true?
If yes, I have done the same thing, but it does not display "cat@2x.png" when I check in iPad.

What could be wrong?

NOTE: I know there are post discussing this thing for icon.png BUT in my case I am refering to all images.


@2x is the extension for the iPhone 4 retina display. You want to store two versions of the image if you are releasing your app for the iPhone. e.g. myimage@2x.png and myimage.png.

Read this:


Standard: <ImageName><device_modifier>.<filename_extension> 
High resolution: <ImageName>@2x<device_modifier>.<filename_extension>

The <ImageName> and <filename_extension> portions of each name specify the usual name and extension for the file. The <device_modifier> portion is optional and contains either the string ~ipad or ~iphone.

You include one of these modifiers when you want to specify different versions of an image for iPad and iPhone. The inclusion of the @2x modifier for the high-resolution image is new and lets the system know that the image is the high-resolution variant of the standard image.