catalog

图片大小

对于RGB模式, 一个像素点, 由 (R, G, B) 三个颜色通道组成; 且, 每个通道, 都占 1个字节;

color: rgb( a, b, c), 我们知道,abc 是在 [0, 255]之间的, 即, 单个颜色通道 是1个字节

即, 一个像素, 占3个字节

比如, 一个图片共有:x * y个像素点, 则, 他的大小是:x * y * 3个字节

所以,一个图片的字节大小, 仅仅取决于: “该图片的 像素点个数”

当我们说, 一个图片的分辨率是:1280 * 720, 其实 这样讲很不精准的!!!

应该讲, 这个图片的大小 (指, 他所占存储空间)是:1280 * 720个像素点

当然, 一般都会讲 (一张图片的 分辨率是:1280 * 720), 只是 我们要知道, 这里的分辨率, 其实是指: 这个图片有:1280 * 720个像素点

a4纸

A4纸是:210mm * 297mm, 他的长宽比是: 2=1.414\sqrt 2 = 1.4142​=1.414

DPI,PPI

dots per inch每英寸的 点个数;

(这里的点, 是一个很 泛化的概念, 他并不是pt (pt是point的缩写))

试想, 如果, 这里的dot 就是pt, 我们知道,pt是一个标准物理长度单位,1 pt磅 = 1/72 inch英寸, 那么, DPI 恒等于 72; DPI就没有意义了

也就是, 这里的dot点, 肯定不是一个 物理单位.

点, 确实是一个抽象概念, 不是一个固定量; 一个点, 可能对应1个pixel, 可能对应4个pixel…

而, 一些物理设备, 比如, 鼠标 打印机的墨点, 他们的最小操作单位 就是一个dot(不是pixel; 所以, 这些设备使用的单位是 dpi, 而不是 ppi)

比如dpi越大, 每inch, 鼠标可以移动的点越多 更精准; 打印机可打印更多的墨点 更细腻

pixels per inch每英寸的 像素点个数;

ppi完全是针对 (屏幕)的一个参数; 用于衡量一个屏幕的清晰度

可以发现, 这两个单位, 都和 (英寸), 即"物理长度" 有关

即, DPI/ PPI的概念, 一定是和 (物理设备) 相关的; 比如, 屏幕, 打印纸, PDF(pdf也是一种特殊的打印纸) 等

如果我们说, 一张图片的 DPI/ PPI, 这是错误的说法, 因为, (图片) 是一个 完全(非物理)的概念

看一下, 苹果手机 的配置

屏幕尺寸是 3.5 inch, 的意思是: w2+h2=3.5inch\sqrt{w^2 + h^2} = 3.5 inchw2+h2​=3.5inch , 即 对角线 测量法

PPI=屏幕像素尺寸屏幕物理尺寸PPI = \frac {屏幕像素尺寸} {屏幕物理尺寸}PPI=屏幕物理尺寸屏幕像素尺寸​

屏幕像素尺寸, 也是 (对角线测量法), 即: $\sqrt{320^2 + 480^2} = 576 $

此时, (576 px) / (3.5 inch) = 163 ppi

相同方法, 即可得到, iphone4 的 ppi 为 326

iphone4 采用: retina视网膜屏幕 (此时, 肉眼, 已经无法看到一个像素点了), 相同的inch, 像素点更多了

从ip4开始, 比例因子 都是 > 1的, 因为使用了视网膜屏幕

原来, ip3 是有:320 * 480个像素点; 而ip4 是有:(320 * 480) * 2 * 2个像素点

像素点多了4倍, 但是, 两者的 物理尺寸 是完全相同的

那么, 如果让 ip3 的应用/图片等坐标系统, 可以在 ip4 正常展示呢?

iphone引入了:dot 点的概念;

ip3 和 ip4, 都是 3.5 inch, 他们都是320 * 480个 点dot

但是, 在ip3, 一个点 = 1个像素; 而在ip4里, 一个点 = 4个像素分辨率高, 图像更细腻

Pt,Px

点pt: 是point的缩写, 他是一个 (标准的物理长度单位)1pt = 1/72 英寸

像素px 是pixel的缩写, 他是一个非物理的单位; 在不同的ppi下, 一个像素的物理大小 都是不同的

所以,pt 磅和px 像素, 两者毫无关系; pt是物理单位, px是逻辑单位;

像素点pixel, 是一个 (逻辑单位), 非物理单位;

在分辨率高的屏幕上, 一个像素点 我们肉眼是看不到的; 当然在分辨率低的屏幕上, 肉眼可以看到一个像素点;