像素、分辨率及PPI各自含义与区别及目前主流手机的分辨率介绍
一、像素
像素是构成位图的基本单元,当位图图像放大到一定程度时,所看到的一个一个的马赛克色块就是像素且像素色块的大小不是绝对的。
1.物理像素(设备像素)
一个显示屏的成像原理是通过一系列的小点排列成一个大的矩形,不同的小点通过显示不同的颜色来显示成图像。这每一个小点被叫做一个物理像素(即设备像素)。
2.CSS像素
CSS像素作为Web开发者我们整天在CSS里用px作为长度单位。这里的px指的是CSS像素。浏览器里的一切长度都是以CSS像素为单位的。
在非高清屏幕以及未缩放浏览器的情况下,一个CSS像素等于一个物理像素;
而在搭载了苹果公司的视网膜显示屏等高清屏幕(PPI特别高,一个屏幕上的物理像素点非常多)的设备上,如果一个CSS像素仍等于一个物理像素,那么网页上的各种元素就变得非常小,用户很难看清,因此高PPI的设备中,一个CSS像素通常等于两个甚至三个物理像素(浏览器自动设定,不同浏览器设定的会不一样)。如果一个CSS像素占用n个物理像素,那么我们就说此时的dppx(dots per pixel)数为n。
dppx
dppx是一个单位。设备有多少dppx除了跟设备本身的PPI有关,也和当前的缩放状态有关,但总的来说不是前端开发者能控制的,而是浏览器厂商以及浏览器用户(通过缩放页面)控制的。桌面浏览器上,一个放大到200%的页面(假如设备不是高清屏),一个CSS像素此时等同于两个物理像素,即2dppx。
DPR
devicePixelRatio(设备像素比,简称DPR)。DPR由浏览器厂商确定。
关于物理像素、DPR与视口宽度之间的关系,可详见如下地址:
链接:https://www.zhihu.com/question/35221839/answer/66825618
图像的像素大小
在位图图像所包含的所有像素总量称为图像的像素大小。
二、分辨率
分辨率是指图像在水平和垂直方向上的所容纳的最大像素数,这里的像素指的是物理像素。
例如分辨率为1024*768的意思是水平像素数为1024个,垂直像素数768个,其像素大小为1024×768=786432,约80万像素。
三、PPI
屏幕尺寸
指其对角线的长度,用英寸表示,1英寸=25.4毫米。
ppi表示的是每英寸所拥有的像素数目,即在一个对角线长度为1英寸的正方形内所拥有的物理像素数。
每英寸像素取值(Pixel per inch,简称PPI),意思是每一英寸内的物理像素数量,计算公式是
像素色块越小或者分辨率越高则ppi越大。
目前主流手机的分辨率
安卓:
2560 x 1440
1280 x 720
新增分辨率:
2960x1440
2040x1080
ios :
4 4s 960*640
5 5c 5s se 1 136*640
6 6s 7 8 1334*750
6+ 6s+ 7+ 8+ 1920*1080
新增分辨率: iPhone X 2436×1125(异形屏幕,需要独立适配)
像素、分辨率及PPI各自含义与区别及目前主流手机的分辨率介绍相关推荐
- css 获取屏幕宽度_设备像素、设备独立像素、CSS像素、分辨率、PPI、devicePixelRatio 的区别...
设备像素 (device pixels) 也称为物理像素,显示器的最小物理单位.这里需要注意,一个像素并不一定是一个小正方形区块,也没有标准的宽高,只是用于显示丰富色彩的一个"点" ...
- 关于像素、分辨率、PPI、DPI等概念的分析
关于影像图的比例尺和分辨率:https://blog.csdn.net/liliiii/article/details/40261953 当我们说到 像素.分辨率.DPI.PPI等专业术语的时候,一般 ...
- Android 手机屏幕分辨率
屏幕尺寸 屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米(下面有图文介绍) 比如常见的屏幕尺寸有2.4.2.8.3.5.3.7.4.2.5.0.5.5.6.0等 屏幕分辨率 屏幕分辨率 ...
- 手机屏幕分辨率全面解析 - QVGA HVGA WVGA VGA 指什么
手机屏幕分辨率全面解析-QVGA HVGA WVGA VGA 指什么-手机选购知识系列之二(1) 手机屏幕分辨率是手机选购时参考的重要参数之一,但可能对很多人来说什么是QVGA屏幕.什么是HVGA屏幕 ...
- 手机屏幕分辨率全面解析手机屏幕分辨率全面解析 - QVGA HVGA WVGA VGA 指什么
转自http://apps.hi.baidu.com/share/detail/32069205 手机屏幕分辨率是手机选购时参考的重要参数之一,但可能对很多人来说什么是QVGA屏幕.什么是HVGA屏幕 ...
- 分辨率1080P、2K、4K、8K的含义和区别
一.分辨率后缀的含义 'P' 720P,1080P等,表示的是"视频像素的总行数",比如,720P表示视频有720行的像素,而1080P则表示视频总共有1080行像素数,1080P ...
- 手机屏幕分辨率、PPI像素密度科普知识大全
[PPi指数]是手机清晰度的重要决定因素,所谓的PPI即每英寸所拥有的像素数目.现在市售的大屏幕手机普遍分辨率都只停留在854*480的水平,同样的分辨率,屏幕越大,像 素点之间的距离越大,屏幕就越粗 ...
- 19-10-19 屏幕尺寸、分辨率、PPI、像素之间的关系
[屏幕尺寸] 首先1英寸=2.54cm=0.762寸,买蛋糕时说的"寸"也是英寸,比如6寸的蛋糕实际上是6英寸为直径的蛋糕,长15.24cm. 描述屏幕大小时的英寸说的是对角线的长 ...
- android计算dpi代码_android计算pad或手机的分辨率/像素/密度/屏幕尺寸/DPI值的方法...
手机分辨率基础知识(DPI,DIP计算) 1.术语和概念 术语 说明 备注 Screen size(屏幕尺寸) 指的是手机实际的物理尺寸,比如常用的2.8英寸,3.2英寸,3.5英寸,3.7英寸 摩托 ...
最新文章
- http方法_手撸HTTP是理解HTTP的最好方法(0)
- 使用telnet模拟邮件的收发
- Newtonsoft.Json使用
- web项目404错误统一跳转
- SSTable数据结构
- 2021牛客OI赛前集训营-树数树【树上启发式合并,堆】
- 谁能制约云厂商滥用开源,谁来帮助开源软件作者?
- iOS 史上最详细的app测试或者上架AppStore流程
- 机器学习基础(二十五)—— Feature Selection
- C/C++浮点数在内存中的存储方式《转》
- 计算机电路基础第三版清华大学出版社答案,清华大学出版社-图书详情-《计算机电路基础(第2版)》...
- 10个web开发好用框架
- (组合数 +快速幂+逆元+费马小引理)acwing 886. 求组合数 II
- 小小的企业邮箱,大大的渠道天地 | 企业服务渠道商系列谈
- 网络系统实现技术--AppleTalk
- 英语中For和To的区别
- 哲学家是如何思考问题的-2.0版
- 1527. 患某种疾病的患者(like关键字的使用)
- C语言实现加减乘除混合运算计算器
- SMM(Spring+SpringMVC+MyBatis)
热门文章
- 计算输入的正数和负数个数
- 说说计算机有哪些用途,电脑对你有什么用处?写5个英语句子,说明电脑对你的重要性...
- 药物临床试验数据分析(靶点|适应症|企业|登记信息)
- PointNet和PointNet++论文解读
- 游戏开发中的数学和物理算法10-18
- 画质超高的仙侠java游戏_画质超高的游戏有哪些?顶级画质大型游戏盘点
- C++开源游戏推荐,reshade游戏画质增强工具
- windows安装vcpkg过程下载失败问题的解决方法
- java 删除重复文件
- 4.1-4.3 什么是矩阵 矩阵的基本运算及性质