现在的位置: 首页 > 综合 > 正文

DPI和像素、厘米、英寸之间的关系和换算及CSS中的长度单位、位深度、ppi

2018年05月21日 ⁄ 综合 ⁄ 共 2668字 ⁄ 字号 评论关闭

DPI和像素、厘米、
首先告诉大家一个不幸的消息:像素不能直接换算成英寸、厘米,要在dpi下才能换算!
photoshop中两种分辨率换算
72像素/英寸=28.346像素/厘米
300像素/英寸=118.11像素/厘米
1 厘米=0.3937 英寸 
1 英寸=2.54 厘米
以常见1024像素对比:
1024像素=3.413英寸=8.67厘米         (300像素/英寸dpi     每英寸≈0.003333像素)

所以1024像素的厘米尺寸就是:1024*0.003333*2.54

1024像素=14.222英寸=36.12厘米         (72像素/英寸dpi     每英寸≈0.013889像素)

所以1024像素的厘米尺寸就是:1024*0.013889*2.54

提起分辨率,我们需要了解两个概念,图像分辨率和输出分辨率,图像分辨率是每英寸的像素数,以ppi为单位,图像分辨率又常常被表示成每一个方向上的总像素数量,比如640×480像素、1280×960像素等。而决定图像输出质量的是图像的输出分辨率,描述的是设备输出图像时每英寸可产生的点数(dpi),以dpi为单位,两者有联系但并不总是相等的。
dpi (dot per inch)输出分辨率
打印机分辨率又称为输出分辨率,是指在打印输出时横向和纵向两个方向上每英寸最多能够打印的点数,通常以“点/英寸”即dpi(dot per inch)表示。而所谓最高分辨率就是指打印机所能打印的最大分辨率,也就是所说的打印输出的极限分辨率。平时所说的打印机分辨率一般指打印机的最大分辨率,目前一般激光打印机的分辨率均在600×600dpi以上。
dpi是“dot per inch”的缩写。顾名思义,就是指在每英寸长度内的点数。通常,我们都使用dpi来作为扫描器和打印机的解析度单位,数值越高表示解析度越高。目前,市面上出售扫描器的光学解析度主要有600×1200 dpi和1200×2400 dpi两种。扫描器的光学解析度由两个数字构成,是因为横向解析度和纵向解析度不同。较小的数字通常为纵向解析度,即我们一般区分扫描器解析度用的数值。也就是说,600×1200 dpi的扫描器,我们通常简称为600 dpi。
电脑显示器的解析度约为72dpi,这个数值其实是这样计算出来的:以一部15寸的电脑显示器为例,可视面积的水平长度大约为11.2寸,如果显示模式是800×600,那么解析度就是800/11.2=71.4。如果是17寸电脑显示器,以1024×768的显示模式来看,解析度就变成1024/12.8=80了。
像素(Pixel)
对于计算机的屏幕设备而言,像素(Pixel)或者说px是一个最基本的单位,就是一个点。其它所有的单位,都和像素成一个固定的比例换算关系。所有的长度单位基于屏幕进行显示的时候,都统一先换算成为像素的多少,然后进行显示。所以,就计算机的屏幕而言,相对长度和绝对长度没有本质差别。任何单位其实都是像素,差别只是比例不同。

如果把讨论扩展到其它输出设备,比如打印机,基本的长度单位可能不是像素,而是其它的和生活中的度量单位一致的单位了。

CSS绝对长度单位是对于输出设备(output device)而言的。拿pt来说,这是一个在文字排版工具(word,adobe等)中非常常用的字体单位,不管你的显示器分辨率是1024*768,还是800*600,同一篇文档打印在纸面上的结果是一样的。

写网页用哪个长度单位更好,是px还是pt呢?

我个人比较偏向px,因为px能够精确地表示元素在屏幕中的位置和大小,网页主要是为了屏幕显示,而不是为了打印等其它需要的。

CSS相对长度单位(relative length unit)

CSS相对长度单位中的相对二字,表明了其长度单位会随着它的参考值的变化而变化,不是固定的。

以下是CSS相对长度单位列表:

CSS相对长度单位
说明
em     元素的字体高度The height of the element's font
ex     字母x的高度The height of the letter "x"
px     像素Pixels
%     百分比Percentage
CSS绝对长度单位(absolute length unit)
绝对长度单位是一个固定的值。比如我们常用的有mm,就是毫米的意思。
以下是CSS绝对长度单位列表:
CSS绝对长度单位
说明
in      英寸Inches (1 英寸 = 2.54 厘米)
cm    厘米Centimeters
mm   毫米Millimeters
pt     点Points (1点 = 1/72英寸)
pc     皮卡Picas (1 皮卡 = 12 点)
像素是相对于显示器屏幕分辨率而言的。譬如,WiNDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。

所以在WiNDOWS的CSS中 dpi为 96像素/英寸英寸之间的关系和换算及CSS中的长度单位

----------------------------------------------------------------------------------------------------------------------

位深度(色彩深度,bit depth)
计算机之所以能够表示图形,是采用了一种称作“位”( bit ) 的记数单位来记
录所表示图形的数据。当这些数据按照一定的编排方式被记录在计算机中,就构
成了一个数字图形的计算机文件。
“位”( bit )是计算机存储器里的最小单元,它用来记录每一个像素颜色的值
。图形的色彩越丰富,“位”的值就会越大。每一个像素在计算机中所使用的这
种位数就是“位深度”。在记录数字图形的颜色时,计算机实际上是用每个像素
需要的位深度来表示的。
黑白二色的图形是数字图形中最简单的一种,它只有黑、白两种颜色,也就是说
它的每个像素只有1位颜色,位深度是1,用2的一次幂来表示;
4位颜色的图,它的位深度是4,用2表示,它有2的4次幂种颜色,即16种颜色
或16种灰度等级 ) 。
8位颜色的图,位深度就是8,用2的8次幂表示,它含有256种颜色 ( 或256种灰
度等级 )。
24位颜色可称之为真彩色,位深度是24,它能组合成2的24次幂种颜色,即:16
,777,216种颜色 ( 或称千万种颜色 ),超过了人眼能够分辨的颜色数量。当
我们用24位来记录颜色时,实际上是以2 8*3,即红、绿、蓝 ( RGB ) 三基色各
以2的8次幂,256种颜色而存在的,三色组合就形成一千六百万种颜色。
ppi:Pixels Per Inch所表示的是每英寸所拥有的像素(Pixel)数目

抱歉!评论已关闭.