贴出一些参考的文章:
1.iPhone屏幕尺寸、分辨率及适配

一.切图常说的”@1X @2X @3X

iOS 两倍 3倍图_加载

苹果IOS程序开发不同分辨率的设备统一为一个尺寸而标记的。@3X就是@1X分辨率的3倍。

例如,iPad2 是768 x 1024,iPad Retina 是1536 x 2048,开发时都按 768 * 1024 操作。但实际上两者有一倍差异。为了达到最佳效果,使用的图片大小不一样。这时候就用同一个名称,但 Retina 的图加上 @2x 后缀。系统加载图片时,在 iPad2 上会加载 @1x 的图在 1536 * 2048 的设备上,会加载 @2x 的。@3x 现在用于 iPhone 6/6+ 上。

iOS8渲染操作中使用前缀带有@1x、@2x 和@3x 的测试图像,代码会优先载入3x 图像。@2x图像不被加载。使用图像文件和XCAsset均不行。

不过有时候好像只需准备@2x 和@3x就行了,下面是微信的素材命名截图:

iOS 两倍 3倍图_ico_02

好像有时候只准备一种就好了:

iOS 两倍 3倍图_后缀_03

下面来讲解一下关于这些知识:

(I)@2x

iPhone3GS时代,我们为一个应用提供图标(或为按钮提供贴图),只需要icon.png。针对现在的iPhone4~6 Retina显示屏,需要制作额外的@2x高分辨率版本

例如在iPhone3GS中,scale=1,用的图标是50x50pixel(logical image.size=50x50point);在iPhone4~6中,scale=2,则需要100×100pixel(logical image.size=50x50point,乘以image.scale=dimensions in pixels),并且命名为icon@2x.png。

如果APP要同时兼容iPhone3GS~iPhone6 plus,则需要提供icon.png/icon@2x.png两种分辨率的图片。

(II)@3x

iPhone6+在实际渲染时,(1242x2208->1080x1920),准确的讲,应该是@2.46x。苹果为方便开发者用的是@3x的素材,然后再缩放到@2.46x上。

(III)高倍图文件命名

对于iPhone3、4/5/6、6+三类机型,需要按分辨率提供相应的高倍图并且文件名添加相应后缀,否则会拉伸(stretchable/resizable)失真(模糊或边角出现锯齿)

以下基于UIImage的两类初始化API简介高倍图的适配:

<1>+imageNamed:该方法使用系统缓存,适合表视图重复加载图像的情形。同时该API根据UIScreen的scale,自动查找包含对应高倍图后缀名(@2x)的文件,如果没找到设置默认image.scale=1.0。因此,使用该方法,无需特意指定高倍图后缀。在实际运行时,系统如果发现当前设备是Retina屏(scale=2),会自动寻找”*@2x.png”命名格式的图片,加载针对Retina屏的图片素材,否则会失真。

<2>+imageWithContentsOfFile/+imageWithData:(scale:)/-initWithContentsOfFile:/-initWithData:(scale:)
这组方法创建的UIImage对象没有使用系统缓存,并且指定文件名必须包含明确的高倍图后缀。如果文件名包含@2x后缀,则image.scale=2.0;否则默认image.scale=1.0,同样对于Retina屏将会失真。

<3>目前,适配iPhone6+时,除了一些铺满全屏的大图(LogoIcon、LaunchImage)需提供三倍图,其他的小图仍可沿用原有的二倍图自适应拉伸。

二.IOS开发中ICON的正确设置图片分辨率

iOS 两倍 3倍图_后缀_04


iOS 两倍 3倍图_ico_05


iOS 两倍 3倍图_加载_06