基本概念
比如你需要一个30pt*30pt的图标,那么这时你就需要跟美工(美术工程师)要三个文件:
一个是30px*30px的PNG图片,用原名来命名即可,例如sample.png。
一个是60px*60px的PNG图片,这个要用原名@2x来命名,例如image@2x.png。
一个是90px*90px的PNG图片,这个要用原名@3x来命名,例如image@3x.png。
这样把这三张图片导入进工程,你会神奇地发现,这三个文件居然会被iOS统一识别为sample.png
应用场景
1x的图标用于1:1的屏幕,仅作为了解,现在一般都是直接使用二倍图及三倍图。
2x的图标用于1:2的屏幕,机型如iPhone 4S、iPhone 5、iPhone 5s、iPhone 6及后续的iPad等。
3x的图标目前应用于1:3的屏幕,即iPhone 6Plus,这个就比较特殊了,因为苹果为了方便开发者,想出来一个简便的实现方案,将2208*1242分辨率的图像压缩输出在1920*1080的屏幕上。
像素:PX
px就是pixel的缩写,pixel即像素,它不是自然界的长度单位。px是就是一张图片中最小的点,一张位图就是由这些点构成的。
像素是构成数码影像的基本单元,通常以像素每英寸PPI(pixels per inch)为单位来表示影像分辨率的大小。因此,像素也是指分辨率
网友评论