我们经常能在图片的属性中看到 1920像素x1080像素（老司机在视频文件中也经常看到~）

这就是我们常说的图片分辨率，以下是我学习整理的关于像素、分辨率的资料。

注意：

图像分辨率是针对【位图】的，图片分辨率决定了位图图像的细节精细程度。
【矢量图】因为是数学公式计算出来的，可以任意改变大小而不影响图像质量。

关于【位图】、【矢量图】的介绍，可以看我另一篇博文：

PS学习记录-矢量图和位图

1、像素（px）

像素：是分辨率的单位

我们一般用像素来对摄像头进行描述，例如：这部相机的镜头能拍摄2000万像素的照片

平时我们会说30万像素，500万像素。一般就是指摄像头的分辨率，也就是这个摄像头最大能采集的像素，表示该摄像头能够拍摄出30万像素，500万像素的照片图像来。

例如，下面这个是用手机拍的一张照片，那么这台手机的像素=3024*4032=1219万像素。约为1200万像素。

所以销售员口中的手机摄像头有1200万像素，大家明白指的是什么了吧。

通俗一点来说：像素就是一个个小色块（点），大量的小色块连接起来，形成了图像。像素点的密度越高，就能呈现更多的细节和更细微的颜色过度效果

2、分辨率

对于图像来说（毕竟是PS学习记录~），分辨率就是每英寸内的图像，包含了多少个像素。图像的分辨率越高，表示其能够以越高的密度显示图像的像素块。而显示的密度越高，拟真度就越高。

tips：【1英寸=2.54厘米】

分辨率一般有【两种】：

图像分辨率——>表示图片包含的像素数量。
屏幕分辨率——>指电子屏幕能够显示的像素数量。

可以这么理解：

电子屏幕上固定了许许多多的小方格
而图片又是由许许多多的小方格组成的
那图片要显示在屏幕上，就会有一个个的对应放置，最终显示成我们看到的图片（一般都是1:1放置，假如图像分辨率和屏幕分辨率不一致时，就会通过算法进行缩放或扩大）

注：PPI、DPI的区别将在另一篇博客进行介绍~

分辨率主要由行列值组成，代表了像素点的多少。例如：640×480≈30万像素，1920×1080≈200w像素。

举个栗子，一个4英寸屏幕的手机分辨率可以是1920×1080，一个24英寸电脑屏幕也大多是1920×1080的分辨率（只不过一个横着一个竖着）。很明显，如果看显示的精细度，无疑手机的更加精细，因为它只用了4英寸就显示了近200w的像素，而电脑屏幕用了24英寸才显示了近200w的像素。假如用这个4英寸的手机屏幕一块块拼接成一块24英寸大小的组合屏幕，那它将拥有接近4000w的像素（4K分辨率）。

结合上述例子，手机、电脑屏幕同样都是1920×1080的分辨率，但是因为屏幕大小的差距，在两台设备上展示的图像质量也会不一样。

也就是：在同等分辨率下，更小的屏幕，行列交叉组成的像素点更密集，显示的效果就更精细。

所以，单用一个分辨率数值，是不能说明一张图片的质量的，还要看在什么样的屏幕上展示。

2.1图像分辨率

我们一般使用分辨率来进行图片的属性描述，例如：这张图片的分辨率是828*828

图片的分辨率决定了位图图像细节的精细程度，因为这张图的分辨率只有828*828，原始分辨率下查看，看着还行，虽然有些糊，但还算有棱有角。可是一旦放大之后再看，就会很明显觉得图像内容模糊了。

2.2屏幕分辨率

我们一般使用2K，4K，8K（高清，超清，超高清）这种方式来描述屏幕分辨率，例如：这是个4K液晶屏。一样也是长宽方向的像素点数量相乘计算得到的。

其实2K 和 4K 是分辨率一个范围值，因为屏幕比例也不同，稍微会有差别。

2K屏幕，水平方向超2000像素
4K屏幕，水平方向超4000像素

电子设备（比如手机、电脑）的屏幕上，实际上也是行列交叉组成的像素点阵列，无非就是密集程度不一样。放大屏幕，能看到一个个小方块。

显示器平面尺寸的计算方式：【屏幕的尺寸是屏幕对角线的长度】

测量出屏幕实际显示内容的长宽（XY）厘米，根据勾股定理，计算出对角线长度，

然后再将算出对角长度除以2.54（除以2.54原因是1英寸=2.54厘米），就得到了平面大小（英寸）

我们实际计算一个手机屏幕显示器的平面尺寸吧，以iphone6Plus为例：

官网给出的iphone6Plus是5.5英寸屏（对角线）

我们测量得到屏幕高度为12.2cm，宽度为7cm（手机屏幕实际显示画面的部分）

计算得到也是5.5英寸屏幕

2.3屏幕分辨率与图像分辨率之“牛马兄弟”

再次举个栗子：

一张1920 x 720的图片，显示在1920x1080的屏幕上，那在水平方向上图像会填满屏幕，但是图像在屏幕的纵向上则缺少部分：

而1920 x 1080的图片，显示在1920x1080的屏幕上，则会完全充满：

当分辨率是828x828的图片，显示在1920x1080的屏幕上，则会是上下左右都占不满：

3、像素与分辨率之“相爱相杀”

看完上述两块介绍，应该对【像素】和【分辨率】有了大致的概念理解，那么分辨率和像素的计算规律到底什么呢？

分辨率就是每英寸内的图像，包含了多少个像素：

分辨率=像素量➗英寸
像素量=分辨率x英寸（即尺寸不变的情况下，分辨率越高，像素就越高）
1英寸=2.54厘米

常用的分辨率设置如下：

打印照片：300点/英寸（DPI）或以上。

杂志名片等印刷物：300点/英寸（DPI）。

大型海报：96～200像素/英寸。

电子图像：72像素/英寸或96像素/英寸（PPI）。

大型喷绘：户外广告25～50像素/英寸。

DPI与PPI的介绍，可以查看另一篇博客：

PS学习记录-PPI与DPI_black_cat7的博客-CSDN博客

参考材料：

一文读懂视频、fps、图像、像素、分辨率 - 知乎

2K，4K的屏幕分辨率到底是多少？ - 知乎

分辨率（显示分辨率与图像分辨率）_百度百科

像素、英寸，Dpi 三者的区别以及关系 - 厸清扬 - 博客园 (cnblogs.com)

浅谈分辨率和像素的关系 - 知乎

像素每英寸_百度百科

理解图片分辨率/容量大小/清晰度/像素尺寸之间的关系 - 知乎

PS学习记录-图像【像素】与【分辨率】的说明相关推荐

RGB图像-像素、分辨率、相关概念
RGB图像-像素.分辨率.相关概念一:RGB 1> RGB 基本理解 2> RGB分类RGB16\RGB24\RGB32 1. RGB16 2. RGB24 2. RGB32 二: 图像 ...
点阵图像与矢量图像的计算机记录原理,像素，分辨率，位图，失量图的含义是什么...
1. 矢量图矢量图又叫向量图,是用一系列计算机指令来描述和记录一幅图,一幅图可以解为一系列由点.线.面等到组成的子图,它所记录的是对象的几何形状.线条粗细和色彩等.生成的矢量图文件存储量很小,特别适用 ...
PS学习记录-PPI与DPI
先说两者的重点: dpi是印刷图像时候用的,ppi是设计图像时候用的 dpi:[点/英寸] 是印刷计量单位,是每英寸上所印刷的[墨点数],打印图片一般300dpi左右,代表打印的解析度. ppi:[像 ...
手机屏幕尺寸、分辨率，图像像素、分辨率、实际大小解惑
[size=medium]本人常常被这些概念混淆,主要是没有好好的比较,没真正完全的搞清楚,这次做个详细点的比较. [b]手机屏幕尺寸[/b]:屏幕大小如2.1英寸,3.2英寸,3.7英寸等等,是指屏 ...
PS学习记录-矢量图和位图
目录概念说明矢量图位图常见的格式类型矢量图文件格式举例: 位图(标量图)文件格式举例: 两种图片的适用范围两种图片的核心差异 1.缩放保真 2.色彩不同 3.格式 4.常用绘图工具 5.占 ...
阿雪的学习记录|图像特征基础
这篇接昨天的尾巴(上巴x误),主要参考这三篇博客,接上文,就是说要看看特征点匹配要怎么匹,那在匹配之前得先找到特征点,金字塔光流法用的就是图像梯度,也就是和canny差不多的方法吧,还有别的方法来 ...
PS学习记录-图片添加白色描边效果
目录效果展示操作步骤 1.选取要描边的图像 2.编辑-描边选项 3.得到描边后的图片效果展示有时候,需要给图像增加一圈描边,让图像更有层次感(其实我个人感觉更像小时候的橡皮质感,哈哈哈),可以 ...
PS学习记录111111--如何在PS中创建一个干净的网页布局
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 1111111111111111111111 ...
PS学习记录-基础操作与快捷键
1.复制图层在[移动工具]状态下,配合[alt]按键拖动图像,可以进行复制图层当然,PS里复制图层的方式很多,比如:选中图层,按[ctrl+J],也是复制图层 2.多选图层 2.1同上,也是要在[ ...

PS学习记录-图像【像素】与【分辨率】的说明