Confused about ios image size on different iphone

Question

I have a general question about how images are displayed on iphone For example iphone 5, 5s support 320x568 points or 640x1136 pixles. If I want to create 4 images all same size to take the whole screen when rendered in 5s portrait mode, can I say each image should be 160x284 pixels? Now what if the same app is now rendered in 4s or 6? How the images are displayed? Those 4 160x284 images are still taking the whole screen?

Thanks

Answer 1

Yes the images can scale to take up the whole screen but will appear blurry. If you want the images to be crisp you will need to create 3 different versions for the 3 different pixel densities (iPhone 2-3, iPhone 4-5, iPhone 6). The general convention is to name your assets like this:

• image.png
• image@2x.png
• image@3x.png

Here's a handy guide I use that explains how things are rendered on the different models.