像素尺寸分辨率等基础知识

ui⼊门基础知识：像素和分辨率的认识

像素和分辨率

像素

中⽂全称是图像元素，英⽂为Pixel，简写为PX.我们⼈眼所看到的图像都是由⼀个个尺⼨微⼩的⾊点组成的，例如下图，就是由⼀个个⾊点（纯⾊）组成的，这些⾊点就是像素。也就是说像素是记录图像的基本单位。像素点⾮常的⼩，只有放⼤到很⾼的层级才能看到像素点。像素的⼤⼩是会变的，会随着分辨率的⼤⼩改变（不懂的看下⾯分辨率概念）

分辨率

分辨率分为图像分辨率和显⽰/屏幕分辨率

屏幕分辨率（dpi):

是指屏幕图像的精密度，也就是显⽰器所能显⽰的像素有多少。分辨率越⾼，像素点也就也多，图像就越清晰。

图像分辨率（ppi):

是指每英⼨图像内的像素点数。分辨率越⾼，像素点的密度越⾼，图像越逼真。电⼦设备常⽤分辨率为72，印刷常⽤设备分辨率为300。

像素和分辨率的关系

像素（个数）=分辨率x英⼨

例如：

要在⼀张A4（11.69英⼨X 8.27英⼨）的纸上打印⼀幅画，分辨率为300ppi。那在软件中需要建⽴多⼤的画布呢？

长：11.69 X 300=3509（像素）

宽：8.27 X 300=2481（像素）

我们平时在压缩图⽚的时候是保持可视画⾯尺⼨不变，分辨率降低，像素点就变⼤，图⽚的质量变低。分辨率升⾼，像素点就变⼩，图⽚也越清晰。所以像素的⼤⼩会随着分辨率的改变⽽改变。Web常⽤尺⼨

分辨率：72ppi

常⽤分辨率表⽰⽅法：屏幕X轴上的像素值x Y轴上的像素值。⽬前普遍最⼩的电脑显⽰器分辨率为：1024x768。因此设计时宽度通常要⼩于等于1024px，常⽤的宽度有1000px，980px，960px，940px。APP常⽤尺⼨

纸媒常⽤尺⼨

常⽤分辨率：300ppi

⼴告牌，易拉宝的分辨率可适当降低到150ppi或其他的分辨率。

图⽚的像素、分辨率、尺⼨

静态⽹页:内容是死的⽹页;⼴义上.html页⾯都属于静态⽹页

动态⽹页:可以从后台改变内容的⽹页;狭义上,⽐如在PHPCMS中的html页⾯属于动态⽹页;

百度搜索引擎->关键字查询+算法排序(,哪些⽹页放前⾯,哪些⽹页放后⾯);

smarty模板⾥⾯的路径，都是相对浏览器访问的页⾯(text.php)来说的,⽤相对路径要注意;

ajax⾥不能调⽤ajax，php，可以⽤⽅法;

分辨率两种：显⽰分辨率100px*100px; 图像分辨率ppi（72像素/英⼨）和 dpi（打印分辨率）点/

英⼨。

图⽚尺⼨宽⾼可⽤像素表⽰;

咱们从⼿机开始说起吧。先上⼀张图，给⼤家看看关于⼿机屏幕⽅⾯的⼀些参数。红框内的三个参数，⼤家⼀定都不陌⽣，我也不陌⽣。不过讲真的，就在不久

前，我连⼿机的屏幕尺⼨到底是怎么算出来的都不知道。下⾯我们开始慢慢讲。

屏幕（主屏）尺⼨是什么，怎么算？

下⾯这张图是华为荣耀7的尺⼨图，图上写的是5.2英⼨。那么这个5.2英⼨到底是怎么算出来的呢？在说这个问题之前，我们先进⾏⼀下单位的换算。 我们平时

是不⽤英⼨这个单位的，我们⽤的是毫⽶，厘⽶，⽶这些单位。那么英⼨和毫⽶，厘⽶之间怎样的换算关系呢？我也不知道，所以我百度了⼀下。

1英⼨（inch）=2.54厘⽶（cm）

原来⼀英⼨相当于我们的2.54厘⽶这么长。现在让我们回到5.2英⼨到底是怎么算出来的这个问题。⼀开始呢，我觉得可能是⼿机屏幕的⾯积有这么⼤ 吧，后来

我百度了英⼨之后，才发现⾃⼰有多愚蠢。因为英⼨是长度单位，⾯积的表⽰要⽤⾯积单位，英⼨显然不可以表⽰⾯积。从这⼀点，就否认了我的想法。

其实，我们所说的这个5.2英⼨是⼿机屏幕对⾓线的长度。

我这么⼀说，有点数学常识的⼈就知道⼿机的屏幕尺⼨是怎么算的了吧。没错，就是那个勾股定理了，知道⼿机屏幕的长和宽，然后利⽤勾股定理，就可以算出

斜边的长了。还有个更简单的⽅法，只要⽤尺⼦量⼀下它的对⾓线是多少厘⽶，然后再换算成英⼨就搞定了。

像素与图片尺寸、分辨率之间的关系

随着我们代理的摄影比赛越来越多，问如何处理照片尺寸、像素的摄友也很多。

小编特地咨询了一些玩摄影的朋友，发现每个人说得都不一样。

那么今天，小编就和大家一起来了解像素、图片分辨率、图片尺寸之间的“你来我往”。

首先，让我们来了解几个概念。

像素（pixel，简写px）：是数码感光元件上最小的感光单位，也是数字图片上最小的不可再分割的元素。我们通常说某某相机2400万像素，就是指用这样的设备拍出来的图片总共能包含2400万个像素。

下图，放大其中一小部分，直到能看到一个个的小方块。那么，这一个个“小方块”就是一个个“像素”。

像素的大小是没有固定长度值的，不同设备上1个像素色块的大小是不一样的。每一个小方块都有一个明确的位置和被分配的色彩数值，而这些小方块的颜色和位置决定了该图像所呈现出来的样子。

图片分辨率（image resolution）：是指单位面积内的像素数量，即像素密度，单位是dpi（dots per inch，像素点/英寸）。

（图片总的像素数量越多，图片幅面尺寸会越大，但分辨率未必越高；

真正决定图片分辨率的，是图片单位面积里的像素数量，即图片像素密度。

图片像素密度越高，图片分辨率越高。）

（同一幅照片的某一部分：（左）低像素密度，（右）高像素密度）

图片尺寸：我们也会见到类似“图片长1920、宽1080”这样的描述。然而，数字图片的“长宽”并非物理意义的长度单位，而是在图片“横”和“竖”这两个维度上包含的像素个数。比如，1920×1080的图片是由横向1920个像素、纵向1080个像素（合计2,073,600个像素）构成的。

图片宽度、高度（英寸）：我们也会见到以物理意义上的长度来描述的图片尺寸，比如标准的一寸照片长2.5厘米、宽3.5厘米，这个“厘米”是经过换算而来的。国内标准和国际标准也不相同。（具体换算方法请看下文）

图片体积（image size）：，是指图片文件占用的存储空间大小。比如，我们通常说1MB的图片，就是指这个图片文件占了储存器1MB的空间。

分辩率和像素的关系

一、引言

分辨率和像素是计算机图像处理中的两个重要概念，它们之间的关系是非常密切的。本文将从定义、计算、应用等方面详细介绍分辨率和像素之间的关系。

二、定义

1. 分辨率：指显示设备上能够显示出来的最高水平和垂直像素点数。通常用水平像素数×垂直像素数来表示，如1920×1080。

2. 像素：指图像中最小的可被处理或显示的单元。每个像素都有自己的颜色值，可以组成完整的图像。

三、计算

1. 分辨率和屏幕尺寸：屏幕尺寸越大，同样数量的像素点需要分布在更大的区域上，因此分辨率就会变得更低。

2. 分辨率和DPI：DPI（每英寸点数）表示在一英寸内可以容纳多少个像素点。屏幕DPI越高，同样数量的像素点就会更密集地分布在屏幕上，从而提高了分辨率。

四、应用

1. 图片质量：分辨率越高，图片质量就越好。因为在相同大小下，更多的像素可以提供更多的细节和更高的清晰度。

2. 打印：打印出来的图像需要更高的分辨率，以保证图像不会出现模糊或马赛克等问题。

3. 视频：高分辨率视频可以提供更好的视觉效果，但同时也需要更多的存储空间和处理能力。

五、结论

分辨率和像素是计算机图像处理中不可或缺的两个概念，它们之间存在着密切的关系。在实际应用中，我们需要根据具体需求来选择合适的分辨率和像素数量，以达到最佳效果。