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

像素于分辨率

像素,又称画素,为图像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“图像元素”之意,有时亦被称为pelpicture element)。每个这样的信息元素不是一个点或者一个方块,而是一个抽象的采样。仔细处理的话,一幅图像中的像素可以在任何尺度上看起来都不像分离的点或者方块;但是在很多情况下,它们采用点或者方块显示。每个像素可有各自的颜色值,可采三原色显示,因而又分成红、绿、蓝三种子像素(RGB色域),或者青、品红、黄和黑(CMYK色域,印刷行业以及打印机中常见)。照片是一个个采样点的集合,在图像没有经过不正确的/有损的压缩或相机镜头合适的前提下,单位面积内的像素越多代表分辨率越高,所显示的图像就会接近于真实物体。

一个像素通常被视为图像的最小的完整采样。

PPI

PPI:每英寸像素(英语:Pixels Per Inch,缩写:PPI),又被称为像素密度,是一个表示打印图像或显示器单位面积上像素数量的指数。一般用来计量电脑显示器,电视机和手持电子设备屏幕的精细程度。通常情况下,每英寸像素值越高,屏幕能显示的图像也越精细。

, 比如一个5寸手机,分辨率是1280*720,计算出来的ppi= 293.

BPP:

色彩深度计算机图形学领域表示在位图或者视频帧缓冲区中储存1像素的颜色所用的位数,它也称为位/像素(bpp)。色彩深度越高,可用的颜色就越多。

色彩深度是用“n位颜色”(n-bit colour)来说明的。若色彩深度是n位,即有2n种颜色选择,而储存每像素所用的位数就是n。常见的有:

  • 1位:2种颜色,单色光,黑白二色,用于compact Macintoshes。
  • 2位:4种颜色,CGA,用于gray-scale早期的NeXTstation及color Macintoshes。
  • 3位:8种颜色,用于大部分早期的电脑显示器。
  • 4位:16种颜色,用于EGA及不常见及在更高的分辨率的VGA标准,color Macintoshes。
  • 5位:32种颜色,用于Original Amiga chipset。
  • 6位:64种颜色,用于Original Amiga chipset。
  • 8位:
    • 256种颜色,用于最早期的彩色Unix工作站,低分辨率的VGA,Super VGA,AGA,color Macintoshes。
    • 灰阶,有256种灰色(包括黑白)。若以24位模式来表示,则RGB的数值均一样,例如(200,200,200)。
    • 彩色图像,若以24位模式来表示,则RGB的数值均一样,例如(200,200,200)。就是常说的24位真彩,约为1670万色。
  • 12位:用于部分硅谷图形系统,Neo Geo,彩色NeXTstation及Amiga系统于HAM mode。
  • 16位:用于部分color Macintoshes。
  • 24位:约为10.7亿色,真彩色,能提供比肉眼能识别更多的颜色,用于拍摄照片。

另外有高动态范围影像(High Dynamic Range Image),这种影像使用超过一般的256色阶来储存影像,通常来说每个像素会分配到32+32+32个bit来储存颜色资讯,也就是说对于每一个原色都使用一个32bit的浮点数来储存.

时间: 2024-10-14 08:01:34

像素,分辨率,PPI(像素密度),BPP 扫盲的相关文章

ViewPort,逻辑像素/设备独立像素,物理像素/设备独立像素,分辨率,CSS像素,设备像素比DPR,像素密度PPI。

一.相关基础知识 小米note参数查看:http://www.mi.com/minote/specs/ 以下都以小米note这个设备为例. 1.一般说手机的几寸是指:手机显示屏对角线的长度.1英寸2.54厘米.小米note为5.7英寸,约为14.478厘米. 2.物理像素/设备像素/像素:以一个很不严谨的方式去通俗的解释:这个屏幕是5英寸的,先把竖着等距画1919条线,这样横着看会有1920列,同理再横着画1079条线,竖着看会有1080行,这个过程中横线和竖线会相交,于是产生了一个个格子,这个

屏幕的尺寸(厘米)、屏幕分辨率(像素)、PPI它们之间是什么关系

屏幕的尺寸(厘米).屏幕分辨率(像素).PPI它们之间是什么关系? 添加评论 分享 赞同2反对,不会显示你的姓名 知乎用户,数据ETL,UNITY3D 刘大侠.如果 赞同 以iphone4 为例,分辨率960*640,屏幕3.5英寸(这个指的是对角线长度),换算成厘米为8.89cm:PPI =  = 326:参考 @谭晓丹 来自为知笔记(Wiz)

关于像素分辨率及视口的一些概念

设备像素: 屏幕上的物理像素. 分辨率 : 1.屏幕分辨率 : 屏幕上的像素点个数(横 * 竖) 2.图片分辨率 : 图片中像素点的个数 CSS像素 : 逻辑像素, CSS代码中使用 逻辑像素320x568px-->设备像素640x1136px (1*1CSS像素 ==> 2*2个物理像素 : 设备像素比) 设备像素比 : DPR = 物理像素数 / 逻辑像素数 dpr=2时,1个CSS像素由4个物理像素点组成. window.devicePixelRatio 像素密度 : 显示密度dip/p

CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport

参照整理自:https://github.com/jawil/blog/issues/21 http://www.jianshu.com/p/af6dad66e49a px:px是一个相对单位,相对的是设备像素(device pixel)    margin:2px,这里的px是逻辑像素. ppi:每英寸多少像素数,放到显示器上说的是每英寸多少物理像素及显示器设备的点距. dpi:每英寸多少点. 也是根据物理像素的大小来决定的. 我们通常所说的显示器分辨率,其实是指桌面设定的分辨率,而不是显示器

浅谈实际分辨率与逻辑分辨率实现像素与尺寸的准确转换

[实例] 最近做了一个视力检测的APP项目,其中用到了将像素转换为实际大小,经过研究学到了一些知识,在这里和大家分享一下. 实现步骤为: 首先获取物理参数: 1.手机的像素密度(1英寸=x像素) dpiX/dpiY 2.实际像素与逻辑像素的比例 scale 然后算出每毫米等于多少像素(我国习惯使用毫米或厘米,因此将英寸转换为毫米,1英寸=25.4毫米)  最后将虚拟像素转换为实际像素 [实际分辨率与逻辑分辨率] 大家都知道,电脑可以设置为多种分辨率,可以和真实的像素不一样,这样就会产生一个实际大

响应式设计:理解设备像素,CSS像素和屏幕分辨率

概述 屏幕分辨率.设备像素和CSS像素这些术语,在非常多语境下,是可互换的,但也因此easy在有差异的地方引起混淆,实际上它们是不同的概念. 屏幕分辨率和设备像素是物理概念,而CSS像素是WEB编程的概念:屏幕分辨率和设备像素的区别在于设备像素显示密度. 当设备屏幕ZOOM=100%的时候,浏览器CSS像素尺寸和设备像素相等,而当像素密度(pixel density)为1的时候,屏幕分辨率和设备像素相等. 响应式设计 在响应式设计中,使用了viewport,device-width,media

用一篇文章了解ppi,dpr,物理像素,逻辑像素,以及二倍图

这篇文章能让你了解到什么是分辨率.dpr.dip.ppi (dpi相当于ppi,dpi用点表示物理像素) 首先从最简单的ppi开始: 一部手机,有大有小,怎么知道手机的大小用尺子量一量即可,有两条边量哪一条呢?勾股定理告诉我们斜边越大,面积就越大,量斜边没跑了.量的单位可不是cm,而是英寸.1英寸= 2.54cm,这个相信看过<新华字典>或<现代汉语词典>的人都知道,上面附有计量单位表. 嘿嘿,又引出了一个物理像素的概念:物理像素就是分辨率的那两个数字,两个数字代表了长宽两条边物理

移动WEB开发--CSS像素、设备独立像素、设备像素之间关系

CSS像素.设备独立像素.设备像素,三者联系紧密又有很大的区别,而我们主要是在做移动端开发的时候需要更多地用到这些概念,那他们分别是指什么呢? 概念 CSS像素(CSS Pixel):适用于web编程,指的是我们在样式代码中使用到的逻辑像素,是一个抽象概念,实际并不存在 设备独立像素(Device Independent Pixel):与设备无关的逻辑像素,代表可以通过程序控制使用的虚拟像素,是一个总体概念,包括了CSS像素 设备像素(Device Pixel):物理像素,设备能控制显示的最小单

移动端开发--物理像素和逻辑像素

虽说在在web app开发中,只需要掌握页面布局,页面适配,能够将页面完美在各种设备上展现.但是,为什么要这样做?这样做原理是什么?这么优点是什么?深究下去,大家不一定很清晰. 那么,咱们一起学习下~ 一.2种像素 设备像素 设备像素是指设备中使用的物理像素,又称硬件像素 css像素 css像素是指css样式到吗中使用的逻辑像素.如果在一个设备中,硬件像素数与css像素数相等,将不会产生任何问题.但是,由于视网膜设备的出现,这两者之间的差异变得越来越大.硬件像素数与css像素数成为两种截然不同的

原 浅谈移动端开发--物理像素和逻辑像素

1.物理像素 设备像素,在同一个设备上,它的物理像素是固定的,这是厂商在出厂时就设置好了的,即一个设备的分辨率是固定的. 2.逻辑像素 CSS像素,viewport中的一个小方格,CSS样式代码中使用的是逻辑像素.如果在一个设备中,物理像素与逻辑像素相等,将不会产生任何问题.但是,在iphone 4中,物理像素是640px*960px,而逻辑像素数为320*480px.因此,需要使用大约4个物理像素来显示一个CSS像素. 3.像素比 物理像素与逻辑像素之间的比例.当像素比为1:1时,使用1个物理