1

My application, which should support iOS 5.0+ I have background UIImage, which should be load proper image depending on device. So I've created 5 images with corresponding resolutions.

  • img.png
  • img@2x.png
  • img-568h@2x.png
  • img~ipad.png
  • img@2x~ipad.png

Also I've set Default-568h@2x.png splash image. I then detect in viewDidLoad which device my app is running and use

[bkgImageView setImage:[UIImage imageNamed:@"img.png"]];

to load appropriate image. All resolutions are loading just fine except iPhone 4" one, which is img-568h@2x.png. If I load this one explicitly 

[bkgImageView setImage:[UIImage imageNamed:@"img-568h@2x.png"]];

the scale is not correct. So how can I load 4" retina image automagically or manually?

Pablo
  • 28,133
  • 34
  • 125
  • 215
  • Did you check the size on the image view to make sure that it's sized correctly? – Mike M Mar 05 '13 at 12:40
  • @Mike M: I don't stretch image in the view, it's set to Center. So I don't think it's related. – Pablo Mar 05 '13 at 12:46
  • What I meant was, what is the size of bkgImageView? (I guess you're expecting it would clip if too small?) – Mike M Mar 05 '13 at 12:56
  • The size of frame is 320x568. The img-568h@2x.png is twice bigger. Right now it's clipping if I load explicitly. – Pablo Mar 05 '13 at 13:01
  • This issue has been discussed to the end in following link. See if its useful http://stackoverflow.com/questions/12431445/iphone-5-what-naming-convention-the-new-images-have-to-follow – Anupdas Mar 05 '13 at 13:06
  • It's not useful, because I don't see solution there. What they do is detect device, which I'm also successfully doing. I figured out there is no way to automagically load 4" image, so at least I want to be able to load it manually. For now the image loaded is bigger than it should be. – Pablo Mar 05 '13 at 13:19

1 Answers1

2

Adding -568h to the end of the file name doesn't work. The only supported modifiers are @2x,~ipad, and ~iphone. The only case where -568h might seem to work is the launch image, where the image must be specifically named Default-568h@2x.png.

You should use auto layout (or struts and springs) to adjust your screen accordingly.

Your problem is that it's automatically stretching an image that's already large enough.

The solution:

If you load the image explicitly for that device, you should load "image-568h", and let it automatically add the @2x. That way, it knows that it's a high resolution image and doesn't attempt to stretch it.

Additionally, rather than detect the device, you could design the image with the extra space at the bottom to fit the 4" screen, set the image to Aspect Fill, and let it clip for smaller devices.

Marcus Adams
  • 53,009
  • 9
  • 91
  • 143
  • works. so @2x is just going to scale property of UIImage. Thx – Pablo Mar 05 '13 at 13:27
  • 1
    Additionally, rather than detect the device, you could design the image with the extra space at the bottom to fit the 4" screen, set the image to Aspect Fill, and let it clip for smaller devices. – Marcus Adams Mar 05 '13 at 13:36