美文网首页
什么是二倍图三倍图

什么是二倍图三倍图

作者: A你叫阿钧 | 来源:发表于2017-09-29 09:05 被阅读0次

    基本概念

    比如你需要一个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)为单位来表示影像分辨率的大小。因此,像素也是指分辨率

    相关文章

      网友评论

          本文标题:什么是二倍图三倍图

          本文链接:https://www.haomeiwen.com/subject/nsbbextx.html