iphone 6 vs iphone 5 image Naming Convention

问题:

How to set corresponding MYimage.png for MyimageView in Xcode 6 with ios 8.x compatiblity.

MyimageView setImage:[UIImage imageNamed:@"MYimage.png"];

In Resources, I am having the following images with resolutions:

MYimage.png--320*480

[e-mail]--640*960

[e-mail]--640*1136

[e-mail]--750*1334

[e-mail]--1242*2208

For iPhone 4s,it shows: [e-mail] [Right]

For iPhone 5s,it shows: [e-mail] [wrong]

For iPhone 6,it shows: [e-mail] [wrong]

For iPhone 6+,it shows: [e-mail] [wrong]

But after renaming the images as mentioned below:

MYimage.png--320*480

[e-mail]--640*960

[e-mail]--640*1136

[e-mail]--750*1334

[e-mail]--1242*2208

For iPhone 4s,it shows: [e-mail] [Right]

For iPhone 5s,it shows: [e-mail] [wrong]

For iPhone 6,it shows: [e-mail] [wrong]

For iPhone 6+,it shows: [e-mail] [Right]

So., What's the stated format to implement?

Note: Also googled following Links and so on..

回答1:

iOS only supports the size notations for launch images, for example this page describes the usage for 3.5", 4", and iPads in the format [e-mail], etc.

What you're actually only able to support is @2x and @3x (see here) which explains why on each of the devices you're seeing it pick up the @2x and @3x pngs only.

Lastly, the [e-mail]--w*h isn't a valid size denotation either; those files won't be read by the system automatically when you reference an image named MYimage.png; at most you could do [e-mail] and [e-mail].

Answering your question below:

iPhone 6 and iPhone 5 both render at the same pixel density. UI elements should be positioned correctly in the UI at the same point size on both devices.

For example:

iPhone 5       iPhone 6
|      |      |        |
|      |      |        |
|      |      |        |
|[bttn]|      |        |
|______|      | [bttn] |
              |________|

If you're displaying an photo in a UIImageView though, you can just create the largest size and let it either scale down to the iPhone 5 (using UIViewContentModeScaleAspectFill) or leave it as-is (using UIViewContentModeCenter).

In the end, you really don't want to have to manage specific dimensions for every single device out there - already if you're including 2 high-res assets for each element, that's a lot of storage space. Adding one for every device is unnecessary, and Apple never intended for that to be the case.

回答2:

You don't need to specify what screen size the image is for, but only what density it is.

There are 3 density groups:

• 1x: iPhone 3GS and previous; iPod Touch 3rd gen and previous; iPad 2 and previous; iPad Mini 1st gen;
• 2x: iPhones 4, 4S, 5, 5S and 6; iPod Touch 4th and 5th gen; iPad 3 and newer; iPad Mini 2nd gen;
• 3x: iPhone 6 Plus;

To each group, you should add an image named with the pattern "[e-mail]", where the density can be omitted for 1x.

Examples:

• logo.png
• [e-mail]
• [e-mail]

For a better use and organization of your image resources, you should consider using Asset Catalogs. They will also help you understand what image sizes you will need depending on what devices you will support, and you will not need to care about each individual file name.