设计师必懂“px、pt、ppi、dpi、dp、sp”全能解析Hi，伙伴们天冷注意加件衣服哦！不用等老妈说你，你就已经把秋裤穿上了.....好得，进入正轨！当我们设计的时候用的单位是px，可以说是物理分辨率尺寸，相反用的单位是pt的时候，可以说是逻辑分辨率尺寸。
【续】设计师必懂“px、pt、ppi、dpi、dp、sp”全能解析
Hi，伙伴们天冷注意加件衣服哦！最近感觉自己一下子就老了，怎么证明呢？不用等老妈说你，你就已经把秋裤穿上了.....
好得，进入正轨！上次说了“px、pt、ppi、dpi、dp、sp等等”这些乱码七糟的字符到底是什么意思，今天就让我们来解析一下适配中常用的@1x、@2x、@3x:很多时候我们设计东西都是有一个设计规范的咱们拿苹果举例：
设备：iphone4、iphone4s
尺寸：640*960px
分辨率：326ppi
设备：iphone5、iphone5s
尺寸：640*1136px
分辨率：326ppi
设备：iphone6
尺寸：750*1334px
分辨率：326ppi
设备：iphone6 Plus
尺寸：1080*1920px（物理）1242*2208px（逻辑）
分辨率：326ppi
给大家解释下iphone6 Plus提到了物理分辨率与逻辑分辨率：
简单来说物理分辨率是硬件所支持的，逻辑分辨率是软件可以达到的。
当我们设计的时候用的单位是px，可以说是物理分辨率尺寸，相反用的单位是pt的时候，可以说是逻辑分辨率尺寸。
当我们做出一个APP页面的时候，因为移动设备的屏幕尺寸不同，需要切出来很多的元素，下面拿淘宝举例：
iphone切图转换的关系：@1x：@2x：@3x = 1:2:3
iphone的切图适配：
命名.png 适配163ppi（iphone1、2、3）
命名@2x.png 适配326ppi（iphone4、4s、5、5s、6）
命名@3x.png 适配401ppi（iphone6plus）
下面我们拿@1x 60*60px举例：
适配简单地说就是让用户有更好的视觉体验，根据不同的屏幕尺寸来适配完美的图标总结：互联网时代总是在不挺的变化如
新出的iphone7：750*1334px的分辨率 像素密度为326ppi
iphone7 Plus分辨率为1920*1080px 像素密度为401ppi 系统更新到了ios10
所以大家也要一起学习与了解，感谢大家的阅读，祝各位有一个美好的心情去迎接辛苦的工
