大家好,我是豆芽菜,今天要和大家聊一聊图片大小、容量和分辨率之间的关系。 主要包括以下几点。

一、电商设计常用图片分辨率

二、图片尺寸/容量/分辨率/清晰度各自含义

3、像素与照片尺寸的关系

四、像素、分辨率和尺寸的关系

一、电商设计常用图片分辨率

分辨率的单位是dpi,即每英寸像素数。 基本上电商设计中所有图片的分辨率都是72,不要想的太复杂。 平时新建图片和新建文件的时候,直接填72就可以了。 因为它通常显示在网页上,如下图所示。

显示屏分辨率越高越清晰吗_分辨率越高越清晰吗_ps分辨率越高越清晰吗

但需要注意的是,如果设计的图片用于离线打印,则不能这样设置。 具体可以参考我之前写的一篇文章——

做电商设计,了解上面提到的平时工作就够了。 下面说的比较深入一些,大家可以不用看了,因为理解起来有点复杂。 如果你有兴趣,你可以看看。

二、了解图像容量、像素、尺寸、分辨率各自的含义:

通过前面的学习,我们知道图片有这4个参数。 下面豆芽就为大家总结一下这4个参数的具体含义。

1、容量(占内存):指图像文件的存储空间,即文件的大小,一般用Kb和Mb表示。 (1MB=1024kb)

2、像素:指宽像素和高像素的乘积或乘积表达式:如3000×4000px,即1200万像素。

3、尺寸:指印刷后图像的物理尺寸,一般以厘米/米或(英寸)表示。

4、分辨率:指单位长度的像素总数,代表像素的密度,一般用像素/英寸或像素/厘米表示。分辨率=像素/尺寸

例如:resolution = 72 pixels/inch,表示1英寸的长度有72个像素点。 可以看出,单位长度内的像素越高,分辨率越高,图像也越精细。

3.像素和照片尺寸

那么要拍出一张清晰的5寸照片需要多少像素呢? 当每英寸有72个以上像素(即图片分辨率)时,才能拍出清晰的照片。

如果按照300的图像分辨率来计算,一张5英寸的照片(即5英寸*3.5英寸)在长度方向上应该有:300×5=1500(像素),在长度方向上有300(像素/英寸)宽度方向×3.5(英寸)=1050(像素),即一张5英寸照片面积所包含的像素数应为:1500×1050=15.75(百万像素),也就是说,当我们将相机的最小像素值设置为1500×1050像素(30万像素)时,可以拍出更清晰的照片。 以此类推,如果你拍一张10寸的照片,115万像素就足够了。 也就是说,只要满足200万像素的要求,10寸的照片也能拍出非常清晰的照片。 这是一个概念。

让我向您介绍另一个概念。 我们买手机的时候,售货员总会跟我们说:这款手机的像素有800万、1200万等等,现在,你知道是怎么计算的了吗?

如果你不知道,豆芽会再次为你解释。 下面两张图,第一张是用相机拍的,那么我们说这个相机的像素=5328*4000=2131.2万像素(相机像素可以自己调节,可以设置的高一些,但是在这个这样的话,单张图片会占用更多的内存,16G内存卡可以加载的图片数量会更少)。

显示屏分辨率越高越清晰吗_ps分辨率越高越清晰吗_分辨率越高越清晰吗

第二张是手机拍的,所以这个手机的像素=3024*4032=1219万像素。 约1200万像素。

所以营业员口中的1200万像素,大家就明白指的是什么了。

四、像素、分辨率和尺寸的关系

像素=分辨率×尺寸,即在尺寸不变的情况下ps分辨率越高越清晰吗ps分辨率越高越清晰吗,分辨率越高,像素越高; 分辨率越低,相应的,像素点也会减少,两者成正比关系。

就拍下这张手机拍的照片吧(今天给自己做了个下午茶——芒果布丁,味道真不错,香甜柔软,嚼劲爽口,不亚于甜品店师傅做的味道,开心…) 举个例子,帮助大家更好地理解三者之间的关系。

拖入PS,然后执行image-image size命令,会弹出对话框,如下

ps分辨率越高越清晰吗_显示屏分辨率越高越清晰吗_分辨率越高越清晰吗

可以看出它的尺寸是3024*3024像素,分辨率是72像素/英寸。 看上图我箭头所指的方向,点这里,可以换算它的尺寸单位,

显示屏分辨率越高越清晰吗_分辨率越高越清晰吗_ps分辨率越高越清晰吗

这里我们将像素换算成英寸,可以看到换算成英寸后,3024*3024像素变成了42*42英寸。

分辨率的单位是像素/英寸(pixels per inch),所以可以计算出这张图片的分辨率=3024/42=72像素/英寸。

接下来,在保持其像素不变的情况下,我将其分辨率更改为300。为了保持原始像素,宽度和高度必须更改为10.08英寸,因为3024/10.08=300像素/英寸,如果这样修改,图片的清晰度不会改变。

显示屏分辨率越高越清晰吗_ps分辨率越高越清晰吗_分辨率越高越清晰吗

最后我们强行把它的分辨率改成300,宽高保持不变。

显示屏分辨率越高越清晰吗_ps分辨率越高越清晰吗_分辨率越高越清晰吗

可以看到它的大小变成了12600*12600像素。 很显然,这张图按照实际尺寸放大后,肯定是要虚化的。 下面三张图是原图和修改后的两张图。 图片的信息(像素、尺寸、容量、分辨率)我在下面都做了标记,大家可以自己去体验。

ps分辨率越高越清晰吗_显示屏分辨率越高越清晰吗_分辨率越高越清晰吗

前两张图按实际尺寸放大后,画面清晰度正常,但第三张图模糊,占用内存大,高达16.3MB。 下面给大家展示一下PS中实际像素放大后的一些细节。 可以看到前两张画质清晰,第三张明显模糊很多。

显示屏分辨率越高越清晰吗_分辨率越高越清晰吗_ps分辨率越高越清晰吗

现在让我们了解像素和清晰度之间的关系。 在一定分辨率的情况下,像素是图片大小的标志。

大像素只代表图片的大小,并不代表清晰度。 比如上图中,当分辨率保持在72时,你可以把3024像素改成你想要的,但是如果最后改的像素大于3024(比如改成6048px),图片会变得不清晰(以PS中图片的实际像素为准),如果小于3024px,则清晰度正常。 也可以拍张照片用PS试试看效果。

ps分辨率越高越清晰吗_分辨率越高越清晰吗_显示屏分辨率越高越清晰吗

不知道大家有没有被豆芽菜迷惑过。 最好理解它。 看不懂也没关系。 它不会影响您的日常工作。 请记住我在文章前面所说的内容。 这样做的原因对于新手来说是无关紧要的,也没有必要。

打个比方,饺子好吃,你负责吃。 您不必担心它们的制作方法或使用的成分。