前言

下图是苹果官方对iPhone 机型的介绍:

拿iPhone7 Plus来说:

屏幕尺寸:5.5英寸

手机分辨率(像素):1920 (高)x 1080(宽)

PPI:401

概念说明

屏幕尺寸:表示手机屏幕对角线的长度,单位是英寸。1英寸(inch)=2.54厘米(cm)

手机分辨率:分辨率可以从显示分辨率与图像分辨率两个方向来分类。

显示分辨率(屏幕分辨率):屏幕图像的精密度,是指显示器所能显示的像素有多少。由于屏幕上的点、线和面都是由像素组成的,显示器可显示的像素越多,画面就越精细,同样的屏幕区域内能显示的信息也越多。

图像分辨率:单位英寸中所包含的像素点数,其定义更趋近于分辨率本身的定义。

分辨率的单位:(dpi点每英寸)、lpi(线每英寸)和ppi(像素每英寸)。但只有lpi是描述光学分辨率的尺度的。虽然dpi和ppi也属于分辨率范畴内的单位,但是他们的含义与lpi不同。而且lpi与dpi无法换算,只能凭经验估算。ppi和dpi经常都会出现混用现象。但是他们所用的领域也存在区别。从技术角度说,“像素”只存在于电脑显示领域,而“点”只出现于打印或印刷领域。

ppi:Pixels Per Inch,屏幕像素密度,每英寸屏幕所拥有的像素数,在电脑显示领域使用。

dpi:Dots Per Inch,每英寸长度上的点数,在打印领域使用。

屏幕像素密度,分辨率,屏幕尺寸的关系

所以美工使用PS作图的大小为手机分辨率的大小。

如需要设计适配iPhone7的手机,我们使用1334 x 750px大小

但有一点是特殊的,就是iPhone6(s) plus、iPhone7 plus,我们需要使用2208 x 1242px大小,

原因:

ppi为326的手机,使用的为@2x的素材,对于ppi是401的手机,理论上苹果应该用401/326 * @2x=@2.46x的素材。但是这个奇葩的比例对开发者而言很难切图。所以苹果为方便开发者用的是@3x的素材,然后再缩放到@2.46x上,实际上是缩放到2.46/3=83%。实际上苹果选取了一个接近比例的87%。

这样算下来,物理分辨率和虚拟分比率的比例是87%,也就是1920/0.87=2208,1080/0.87=1242.

好处就是开发者更方便,比如准备素材时,字号可以直接调成3x的。

图片大小和分辨率

参考文章:

http://www.chinaz.com/manage/2015/0902/441624.shtml

dpi和ppi换算_屏幕尺寸,分辨率,像素,ppi,dpi的关系相关推荐

  1. 【全解析】屏幕尺寸/分辨率/像素/PPI之间到底什么关系?

    今天我给大家来讲讲这几个咱们经常打交道的词到底啥意思,以及他们之间到底有什么关系.这篇文章是我花了一个下午从N多篇文章里提炼出的一个白话版,保证让你看得懂.咱们从手机开始说起吧.先上一张图,给大家看看 ...

  2. dpi和ppi换算_八一八那些px、pt、ppi、dpi、dp、sp之间的关系

    做了几个移动端的项目之后,深感移动端尺寸换算的必要性,在此做个总结. 先介绍下各自的定义: px:pixel,像素,电子屏幕上组成一幅图画或照片的最基本单元 pt: point,点,印刷行业常用单位, ...

  3. 【移动端布局】1 -基本概念:设备像素、css像素、屏幕尺寸、像素密度ppi、像素比dpr、viewport、meta标签、样式重置

    文章目录 0.关于web app 1.移动端与pc端的区别 2.尺寸相关概念 2.1.设备像素(物理像素) 2.2.CSS像素(设备独立像素,逻辑像素) 2.3.屏幕的尺寸 2.4.像素密度PPI - ...

  4. iOS 苹果所有设备的系统、屏幕尺寸和像素

    设备                 系统          点(points)     屏幕尺寸        倍数   像素 iPhone iPhone 2GS      IOS 1      3 ...

  5. java的像素与dpi_对屏幕的理解---分辨率,dpi,ppi,屏幕尺寸,像素 等

    1. 名词理解 屏幕尺寸(screen size) 屏幕尺寸(screen size),是屏幕的对角线长度,一般讲的大小单位都是英寸. DPI (dots per inch) dpi是(英文Dots ...

  6. 前端屏幕尺寸和分辨率_屏幕尺寸、分辨率、倍率到底是什么鬼

    目前我们做移动端项目几乎不需要考虑为什么要这样写样式,为什么设计稿上100px我们直接写成1rem,移动端的屏幕尺寸那么多变,为什么能轻松兼容?那我们得从移动端的屏幕尺寸来探索一下其中的原理,首先就得 ...

  7. 图片分辨率像素与DPI的关系

    来自网络的一张图片:https://www.duitang.com/blog/?id=788101874 这张图片大小(通过鼠标右键点击菜单"属性"获得): 这里面图片的分辨率和d ...

  8. android获取屏幕尺寸,像素

    public void getScreen(){// 通过Activity类中的getWindowManager()方法获取窗口管理,再调用getDefaultDisplay()方法获 取获取Disp ...

  9. android导航屏幕,发现具有软件导航栏的Android设备的真实屏幕尺寸(以像素为单位)...

    我需要能够知道屏幕的确切大小,不包括软件导航栏.我正在使用andengine来制作游戏. 我们希望全力支持新的Nexus系列(4,7和10) 根据许多人指出的this page,软件导航栏的大小应为4 ...

最新文章

  1. 拒绝conda, 用virtualenv构建多版本的python开发环境
  2. Java 并发专题 :闭锁 CountDownLatch 之一家人一起吃个饭
  3. 分享Kali Linux 2016.2第49周镜像文件
  4. websocket创建失败_SpringBoot2.2 实践WebSocket被不靠谱的百度搜索结果坑了多少人
  5. Tensorflow快速入门2--实现手写数字识别
  6. python写软件-Python是怎么编写软件的?
  7. golang内置类型
  8. 《Java 7程序设计入门经典》一3.16 嵌套的循环
  9. Zookeeper集群搭建方法
  10. boost::dynamic_bitset模块boost::hash的测试程序
  11. C#自定义ConfigSections节 操作 。
  12. 深度linux 网络配置文件,solver及其配置 - Caffe 深度学习入门教程_Linux教程_Linux公社-Linux系统门户网站...
  13. react学习(44)----只更新它需要更新的部分
  14. Keras 的预训练权值模型用来进行预测、特征提取和微调(fine-tuning)
  15. POJ 1417 True Liars 并查集+背包
  16. [转]如何删除图片链接的蓝色边框?
  17. JavaScript PHP 通过URLEncode字串判断其编码是UTF-8还是GBK
  18. liblinear参数及使用方法(原创)
  19. win10电脑360调用不到JAVA,win10系统打不开360浏览器快捷方式的修复步骤
  20. 刷题:牛客-快速入门篇

热门文章

  1. 电流表的使用和接线,85C1型机械电流表讲解
  2. P5322 [BJOI2019] 排兵布阵
  3. Goland配置goproxy.cn代理
  4. 实在是没搞懂 debug宏
  5. LeetCode_每日一题 面试题 16.24. 数对和
  6. 微信小程序入门2-创建一个微信小程序
  7. centos7系统定时任务cron配置详解
  8. windows内核开发笔记七:内核开发OVERLAPPED结构体详解
  9. app内嵌H5,禁止图片长按保存。
  10. 大数据时代邮件服务器如何满足发展所需