技巧教程:分辨率与像素之间的哪些事儿

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:对啊设计学院

关键词

最近许多同学都在问我关于像素的问题,为什么印刷时要300分辨率以上?网页为什么72就够了?关于这些绝大数人是不知道的,要不也不会被卖手机的忽悠,各大手机推销员拿着手机大声吆喝“8000万像素,大屏手机”但是你真的了解这些吗?今天小编给大家带来一篇科普贴,通过本篇教程,带大家一起来了解一下像素。

1. 像素

在PhotoShop中打开一张图片,放大之后可以看到每张图片都是由一个一个的像素点组成(当然矢量图没有这个概念的),我们将这一个一个的点,称为一个像素(px)。

技巧教程:分辨率与像素之间的哪些事儿,PS教程,思缘教程网

我们复制一个5x5的格子出来到新的画板,查看图像大小可以看到图像大小为宽度5像素,高度5像素。

技巧教程:分辨率与像素之间的哪些事儿,PS教程,思缘教程网

技巧教程:分辨率与像素之间的哪些事儿,PS教程,思缘教程网

所以我们可以看出一个小色块就是一个像素。

2. 分辨率

技巧教程:分辨率与像素之间的哪些事儿,PS教程,思缘教程网

在这里我们可以看到分辨率。上面显示300像素/英尺。这是什么意思呢?

像素/英尺其实是分辨率的计量单位,也就是每英寸单位内,填充了多少像素。

3. 分辨率与像素的关系

这往往也就是同学们犯迷糊的地方。许多同学弄不清楚一张图片的大小到底是分辨率来控制还是像素的多少来控制呢?我们来做个实验大家就清楚了。

首先我们先新建一个文档大小为宽度1英寸,高度1英寸,分辨率72像素/英寸,可以看到图片的像素大小为宽度72像素,高度72像素。

技巧教程:分辨率与像素之间的哪些事儿,PS教程,思缘教程网

 收藏