Question

Normal background image is 320×480 pixels. and for retina is 640×960 pixels.

Now i have to put my background image and i have status bar(20) and navigation bar (44).

So i have to reduce 64(20+44) from 480(normal) or from 960(retina)?

1. if i reduce 64 from normal then normal image will be 320×416 pixels and retina will be 640×832 pixels.
2. if i reduce 64 from retina then normal will be 320×448 and retina will be 640×896 .

It is confusing me.. this 64(20+44) i reduce from which image type because other one will be exactly half or double of it.

Answer 1

Reduce from the normal size.

64px = height to remove from normal display.

128px = height to remove from the retina.

Don’t forget that in the retina display the status bar and nav bar will also be 2x the height 🙂