zoukankan      html  css  js  c++  java
  • DPI与PPI

     首先应该明白几个概念:

    1寸=3.3333333厘米(cm)
    1英寸(in)=2.54厘米(cm)
    屏幕尺寸: 屏幕对角线的长度。电脑电视同理。
    LCD是由液态晶体组成的显示屏(本向不发光) 有于电脑手机显示器
    LED则是由发光二极管组成的显示屏。(本身发光) 用于街面上的广告

    每英寸描述的是水平的和垂直的方向上

    DPI(dots per inch):打印分辨率(每英寸所能打印的点数,即打印精度)

    PPI(pixels per inch):图像采样率(在图像中,每英寸所包含的像素数目),这个值越大,屏幕就没越清晰。显示的密度越高,拟真度就越高。

    分辨率:横纵2个方向的像素点的数量,常见取值 480X800 ,320X480

    如:华为P9  5.2寸  分辨率:FHD(1920×1080)

    公式PPI=√(X²+Y²)÷屏幕尺寸

    华为P9 PPI=√(1920²+1080²)/5.2=423

    物理分辨率:硬件所支持的
    逻辑分辨率:软件可以达到的

    在iphone3gs的时候,逻辑分辨率是320*480,物理分辨率也是320*480

    iphone4出了之后,逻辑分辨率和3gs一样是320*480,显示的内容是一样多的,但是物理分辨率变成了640*960,原来在3gs的一个像素内容,在iphone4上则填充了4个像素,因此虽然内容显示还是一样多,但是iphone4s的屏幕精细度比3gs高了2倍,像素倍率是2.

    iphone5/5s/SE逻辑分辨率是320*568,和iphone4相比,逻辑分辨率宽度不变,高度增加了,所以相比iphone4,宽度内容显示一样多,但是高度内容增加。而物理分辨率是640*1136,像素倍率和iphone4/4s一样,是2倍

    iphone6的逻辑分辨率是375*667,比iphone4/4s/5/5s/SE逻辑分辨率都要大,所以显示的内容更多。物理分辨率是750*1334,所以和上边谈到的机型一样,仍然是2倍的像素倍率

    iphone6plus逻辑分辨率是414*736,物理分辨率是1080*1920,像素倍率约等于2.6. 渲染像素是1242*2208。做设计图的时候,也是假设1242*2208的物理分辨率(3的倍率)来做图的,系统会把图片压缩到1080*1920。所以6plus做设计图的尺寸1242*2208是基于假设,实际物理分辨率是1080*1920。据说是因为产能还有耗电的考虑,以后性能提升,也许会直接用1242*2208

     

     

                          Iphone7        Iphone7Plus

                           4.7英寸           5.5英寸

    Physic pixel    1334*750       1920*1080

    之所以写这个就是为了弄明白一个问题,那就是设计稿到底做大的图,在不同的手机上才能完美显示。

  • 相关阅读:
    如何使用wei-ui框架,wei-ui框架有哪些组件
    微信小程序tabbar如何配置
    如何使用promise封装wx.request()、
    微信有哪些小程序内置组件,目录结构
    uni-app生命周期
    vue任意关系组件通信与跨组件监听状态 vue-communication
    vue父子组件状态同步的最佳方式续章(v-model篇)
    webstorm中emmet展开a标签和行内元素不换行的解决办法
    深入理解 vue 中 scoped 样式作用域的规则
    javascript事件环微任务和宏任务队列原理
  • 原文地址:https://www.cnblogs.com/xuemingyao/p/6007452.html
Copyright © 2011-2022 走看看