屏幕尺寸是指屏幕对角线的长度,一般以英寸为单位,1英寸(inch)=2.54厘米(cm)。传统意义上的照片尺寸也是这个概念。所以同样尺寸(指对角线)的屏幕,也可能长宽比率不同。
像素(Pixel):是位图(如数字图像)里的抽象概念,指计算机对图像的采样点,没有具体尺寸。通俗理解就是一个一个的方框(点),计算机会保存该采样点的位置和颜色值。

分辨率:像素的总数。如1024px*600px,表示在每行上有1024个像素(采样点),在每列上有600个像素(采样点)。
注意只要没有对数字图像本身进行编辑,任何的显示或打印设置都不会改变图像本身(分辨率)。
像素密度(PPI):即每英寸所拥有的像素数,英文为Pixels Per Inch。

DPI(Dot Per Inch):含义和ppi一样,指每英寸上所打印的点数,是印刷行业的计量单位。ppi和dpi经常用混,一般“像素”用于电脑显示领域,而“点”使用于打印或印刷领域。
分辨率、PPI和尺寸的关系:
  图片的物理尺寸×图片的PPI =图片在屏幕上显示的的物理尺寸×屏幕的PPI= 图片像素总数(分辨率)
分辨率为1920x1080的照片,输出到一张5寸的相纸上,PPI是440。
如果输出到760寸(19米)的广告牌上,则PPI只有3,非常模糊。
常用PPI/DPI设置:
1.洗印照片:300或以上
2.名片、杂志等:300
3.高清写真海报:96~200
4.网络图片,网页界面:72
5.大型喷绘:25~50
把同一幅数码图片显示到计算机显示器或手机屏幕上时,显示器或手机屏幕的PPI越高,则效果越细腻,图片在显示器或手机上看起来也越小;反之,显示器或手机屏幕的PPI越低,则效果越粗糙(甚至能看出颗粒感),图片在显示器或手机上看起来也越大。

物理分辨率是显示器等设备固有的参数,不能调节。一般是指该设备最高(最佳)可显示的像素数。例如LED液晶屏通过网格来划分液晶体,一个液晶体(光电)即为一个物理像素点。同样PPI越高清晰度越高。
显示器分辨率,其实是指操作系统设定的分辨率,而不是显示器的物理分辨率。但是液晶显示器只有在系统分辨率与物理分辨率一致的情况下(即点对点显示),显示效果最佳,所以可以认为二者等价。

Css中的px为相对单位,相对于不同设备viewport而言。同一元素(以px为单位),在不同设备上的物理尺寸不一样。
Css2规范建议 1英寸内含96px。如果用户代理所在设备不是这个值,用户代理应重新缩放为更合理的值。At zoom level 100% one CSS pixel is exactly equal to one device pixel.所以开发中为兼顾不同设备中的显示效果,只需要考虑设备的物理分辨率。可以通过chrome的resolution test插件,或工具类网站查看各种屏幕下的页面效果。

页面放大/缩小:
元素总像素不变,设备物理像素也不变,只是对应关系改变。原来是1对1,元素放大后通过插值算法从左右的像素里过渡出像素进行填充,占据更多的物理像素,也就是1个元素像素对应多个物理像素(显示点)。
比如zoom为200%,原来的元素会变成4倍大(width、height各2倍),即占据屏幕的空间也是原来的4倍。

分辨率、像素和PPI的更多相关文章

  1. 物理像素,ppi,逻辑分辨率和物理分辨率

    1 明确几个概念: 物理像素:屏幕物理像素 屏幕像素密度ppi:pixels per inch,屏幕上每英寸可以显示的像素点的数量,即屏幕像素密度.顺便一提,ppi就是dpi,只不过有文章里说苹果喜欢 ...

  2. (全解析)屏幕尺寸,分辨率,像素,PPI之间到底什么关系?

    (全解析)屏幕尺寸,分辨率,像素,PPI之间到底什么关系? 产品经理马忠信关注 22015.08.30 13:59:20字数 2,660阅读 52,661 今天我给大家来讲讲这几个咱们经常打交道的词到 ...

  3. 屏幕尺寸,分辨率,像素,PPI之间到底什么关系?

    转载自:http://www.jianshu.com/p/c3387bcc4f6e 感谢博主的无私分享. 今天我给大家来讲讲这几个咱们经常打交道的词到底啥意思,以及他们之间到底有什么关系.这篇文章是我 ...

  4. 我的Android进阶之旅------>(全解析)屏幕尺寸,分辨率,像素,PPI之间到底什么关系?

    作者:马忠信,作者授权早读课发表,转载请联系作者. 原文链接:http://www.jianshu.com/p/c3387bcc4f6e#  互联网早读课:http://zaodula.com/arc ...

  5. 图像分辨率 像素 大小 LCD显示 为OLED屏增加GUI支持

    1. 根据一张标准图片的分辨率,结合每个像素的大小,可以计算得到这张图片的大小(字节数) 补充点:bmp格式的图片有24色或者32色.(其一个像素点可能占用24bits或者32bits)  至于图片怎 ...

  6. 像素,分辨率,PPI(像素密度),BPP 扫盲

    像素于分辨率 像素,又称画素,为图像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“图像元素”之 ...

  7. 屏幕尺寸,分辨率,PPI,像素之间的关系

    什么是屏幕尺寸? 华为荣耀7的尺寸是5.2英寸.这个5.2英寸是手机屏幕对角线的长度. 1英寸(inch)=2.54厘米(cm) 什么是分辨率? 华为荣耀7的分辨率是1920PX*1080PX.像素是 ...

  8. H5开发基础之像素、分辨率、DPI、PPI

    H5开发基础之像素.分辨率.DPI.PPI  html5  阅读约 4 分钟 ​2016-09-03于坝上草原 背景知识: 目前绝大部分显示器都是基于点阵的,通过一系列的小点排成一个大矩形,通过每个小 ...

  9. Halcon一日一练:图像分辨率与像素

    1.图像像素: 像素是指由图像的小方格即所谓的像素(pixel)组成的,这些小方块都有一个明确的位置和被分配的色彩数值,而这些一小方格的颜色和位置就决定该图像所呈现出来的样子.像素是构成图像的基本单元 ...

随机推荐

  1. poptest老李谈数据结构中深度优先和广度优先

    poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.如果对课程感兴趣,请大家咨询qq:908821478,咨询电话010-845052 ...

  2. 手机自动化测试:Appium源码分析之跟踪代码分析六

    手机自动化测试:Appium源码分析之跟踪代码分析六   poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.poptest推出手机自 ...

  3. 老李分享:《Linux Shell脚本攻略》 要点(三)

    老李分享:<Linux Shell脚本攻略> 要点(三)   1.生产任意大小的文件 [root@localhost dd_test]#[root@localhost dd_test]# ...

  4. MySQL读写分离技术

    1.简介 当今MySQL使用相当广泛,随着用户的增多以及数据量的增大,高并发随之而来.然而我们有很多办法可以缓解数据库的压力.分布式数据库.负载均衡.读写分离.增加缓存服务器等等.这里我们将采用读写分 ...

  5. SpringCloud网关ZUUL集成consul

    最近一直在搞基于springcloud的微服务开发,为了不限定微服务开发语言,服务发现决定采用consul不多说上代码 pom文件 <project xmlns="http://mav ...

  6. DIV+CSS清除浮动方法

    一.为什么要清除浮动? 1>父元素在未定义高的情况下,由于子元素全部浮动脱离文本流,而造成父元素高的塌陷(正常情况下,父元素的高是由未浮动的子元素撑起来) 2>因为部分子元素的而浮动,脱离 ...

  7. MyBatis注解配置动态SQL

    MySQL创建表 DROP TABLE IF EXISTS `tb_employee`; CREATE TABLE `tb_employee` ( `id` int(11) NOT NULL AUTO ...

  8. Android触摸事件的应用

    前言 上一篇讲了Android触摸事件的传递机制,具体可以看这里 初识Android触摸事件传递机制.既然知道Android中触摸事件的传递分发,那么它能解决什么样的问题,在我们实际开发中如何应用,这 ...

  9. webapp万能选择器:iosselect

    iosselect是个什么东西? 移动端浏览器对于select的展示样式是不一致的,ios下是类似原生的picker,安卓下各浏览器展示各异,我们需要一个选择器组件来统一各端下各种浏览器的展示.下面是 ...

  10. php web开发安全之csrf攻击的简单演示和防范(一)

    csrf攻击,即cross site request forgery跨站(域名)请求伪造,这里的forgery就是伪造的意思.网上有很多关于csrf的介绍,比如一位前辈的文章浅谈CSRF攻击方式,参考 ...