图片体积，图片分辨率，图片尺寸之间是啥关系？

特约词人ming

题目要弄清楚这个问题，先要搞清楚几个概念：像素、图片大小、分辨率以及抗锯齿是什么意思。
每次想要改图片大小或者自己做的图要导出的时候，总是会出现这样的问题：

我该导多少？怎么调节参数？分辨率像素什么鬼？抗锯齿什么鬼？


1.“像素”是个什么鬼？

从一张图片开始说起


最近pokemon go很火呀，于是就选取了一张皮卡丘的图片作为讲解，可以看到，组成这张图的单位是一个格子一个格子的颜色小方块组成的，这种小方块就叫做像素。

简单点，说话的方式简单点：像素就是图像显示的基本元素。

通过一点的排列，最终就会形式我们看到的图片，这类图片我们把它叫做“栅格图”、“点阵图”，所以你现在懂PS里图片拖进去后为什么要右键图层栅格化对象吧。



不一定啦，我们看一张图。

图片来源：https://msdn.microsoft.com/zh-tw/library/cc294571.aspx

根据显示媒介的不同可能会对像素值进行压缩或者扩大。大家在PS中新建画布的时候最下面有一个选择，不知道你注意到没：

在这个里还有很多选项，但是内容太广，也不太需要理解，所以只要记住，我们在作图的时候选择方形像素即可啦。


2 分辨率 是个什么鬼？

我们常常会见到分辨率，电脑屏幕显示器的分辨率呀，图纸的分辨率呀，那它到底是神马意思？


分辨率，也可以叫做解析度，是在宽高范围上的像素值。

分辨率其实包含两个概念的：

1.图像分辨率
2.显示（单位）分辨率

图像分辨率：就是说该图像的宽高上的像素点数。这个值在一开始图案生成的时候就已经确定下来。

显示分辨率：在显示媒介上在单位长度内显示多少像素（相对值，这个和你的显示终端的分辨率有关）

在单位上，分辨率是以DPI和PPI来作为单位的
像素/英寸 Dots Per Inch
像素/厘米 Pixel Per Inch

顾名思义，他们想要说的就是每英寸的像点数/像素数

如果你了解了楼上的概念，那么我再问你：

答案当然是不一定啦。不然我这么问是二逼吗。哈哈哈哈哈哈哈

清晰不清晰有两个因素决定：

显示媒介的分辨率
图片的分辨率
查看的空间距离

根据行业里的规则，一般来说，打印的出图DPI一般300即可满足需求。

还记得乔布斯给苹果定义的视网膜屏幕吗？

它将960×640的像素压缩到一个3.5英寸的显示屏内。也就是说，该屏幕的像素密度达到326像素/英寸（ppi），称之为“视网膜屏幕”。

但是，如果你隔老远看手机屏幕，基本上你就告别视网膜屏幕了



谁会跟个智障一样隔那么远看手机屏幕

一般来说，电子设备在0.3-0.4米的范围内使用300dpi即可很清晰

所以你可以推，你家里的电视如果观赏距离是3-4m纳闷像素值30dpi即可。

在电子设备上，你就可以忽略单位dpi了，分辨率直接取值屏幕长宽即可。

3 锯齿 是个什么鬼

什么是锯齿？锯齿就是跟牙齿颗粒感样的像素值。

我来举个很简单的例子：



在PS当中随便打一些字（我真的是随便打的）
大家看上面选择的是“平滑”

我们放大字体看它的边缘


是不是有一个从黑到白的渐变~这个就是抗锯齿~！！！


如果我们缩小看整体会觉得边缘过度很平滑。

但是！！！


显然这么问是一个坑

我们还是回到文字那个案例，我们把上方的平滑改成“无”。


看下效果


从黑道白的过度不见了！没错，当我们整张图片的像素值很小时，使用抗锯齿反而会让图片变得模糊，不用抗锯齿会让对象显示的更清楚，所以用不用，主要看疗效。