嗨,我是豆芽。今天,我要和你谈谈图片尺寸、容量和分辨率之间的关系。主要包括以下几点。一,电子商务设计常用的图片分辨率二、图片尺寸/容量/分辨率/清晰度各自的含义第三,像素
嗨,我是豆芽。今天,我要和你谈谈图片尺寸、容量和分辨率之间的关系。主要包括以下几点。
一,电子商务设计常用的图片分辨率
二、图片尺寸/容量/分辨率/清晰度各自的含义
第三,像素和照片大小的关系
第四,像素、分辨率和尺寸之间的关系
一,电子商务设计常用的图片分辨率
分辨率的单位是dpi,即像素/英寸。基本上电商设计所有图片的分辨率都是72,不用想太复杂。通常在绘图和新建文件的时候直接填72就好了,因为一般都是在网页上显示的,如下图。
但需要注意的是,如果设计的图片是用于离线打印的,就不能这样设置。具体可以参考我之前写的一篇文章——淘宝美工必备的平面设计知识。
做电商设计,懂上面说的平时工作就够了。下面的就不用深入看了,因为理解起来有点复杂。有兴趣可以看看。
二、了解图片容量、像素、尺寸、分辨率各自的含义:
通过前面的学习,我们知道图片有这四个参数。下面总结一下接下来四个参数的具体含义。
1.容量(内存):指图像文件的存储空间空,即文件大小,一般用Kb和Mb表示。(1MB=1024kb)
2.像素:指宽高像素的产品或产品配方:例如3000×4000px,或1200万像素。
3.尺寸:指图像打印后的物理尺寸,一般用cm/m或(英寸)表示。
4.分辨率:是指单位长度的总像素数,代表像素的密度,一般表示为:像素/英寸,或像素/厘米。分辨率=像素/尺寸
例如,分辨率=72像素/英寸,这意味着1英寸长有72个像素。可以看出,单位长度的像素越高,分辨率越高,图像越精细。
第三,像素和照片大小
那么拍一张清晰的5寸照片应该是多少像素呢?当每英寸包含72个以上的像素(即图片的分辨率)时,可以拍出清晰的图片。
如果我们按照图片分辨率300来计算,一张5寸的照片(即5寸*3.5寸)在长度方向上应该有:300× 5 = 1500(像素),在宽度方向上应该有300(像素/寸)× 3.5(寸)= 1050(像素),也就是说一张5寸照片的面积所包含的像素数应该是:。以此类推,如果拍一张10寸的照片,就有115万像素。也就是说,只要需要200万像素,就可以拍出非常清晰的10寸照片。这是一个新概念。
我给你提另一个概念。我们买手机的时候,业务员总会跟我们提到这个手机的像素是800万,1200万,等等。现在你知道它们是怎么计算的了吧?
不知道的话,再给大家解释一下豆芽。下面两张图,第一张是用相机拍的,那么就说这个相机的像素= 5328 * 4000 = 2131.2万像素(相机像素可以自己调整,也可以设置的更高,但是这样的话单张图片会占用更多内存,16G的存储卡可以容纳的图片数量会更少)。
第二张图是用手机拍的,所以这个手机的像素= 3024 * 4032 = 1219万像素。大约1200万像素。
所以业务员的1200万像素,你懂什么意思。
第四,像素、分辨率、尺寸之间的关系。
像素=分辨率×尺寸,即尺寸不变的情况下,分辨率越高,像素越高;分辨率越低,像素越少,两者成正比。
拿手机拍的这张照片(今天给自己做了个下午茶——芒果布丁,味道真的很好,甜软,Q型爽口,和甜品店师傅做的味道一点都不差,开心...)为例,从而帮助你加深对三者关系的理解。
拖动到PS中,然后执行image-image size命令,会弹出一个对话框,如下图
可以看到它的尺寸是3024*3024像素,分辨率是72像素/英寸。看到上图中我箭头所指的方向,点击这里,就可以换算出它的大小单位了。
这里我们把像素换算成英寸,可以看到3024*3024像素换算成英寸后变成了42*42英寸。
分辨率的单位是像素每英寸(pixels per inch),由此可以计算出这张图片的分辨率=3024/42=72像素每英寸。
接下来,我将其分辨率改为300,同时保持其像素不变。为了保持原来的像素,宽度和高度都得改成10.08英寸,因为3024/10.08=300像素/英寸。如果这样修改,画面的清晰度不会改变。
最后我们强行把它的分辨率改成300,宽度和高度保持不变。
可以看到它的尺寸变成了12600*12600像素。很明显,这张图一定是按照实际尺寸放大后模糊的。下面三张图分别是原图和修改后的两张图。下面我把图片的信息(像素、尺寸、容量、分辨率,)都标出来了,大家可以自己体验一下。
前两张图片按实际尺寸放大后,图片清晰度正常,第三张模糊,也占用了大量内存,高达16.3MB,在PS中截取一些按实际像素放大的细节给大家看看。可以看到前两张图很清晰,而第三张明显模糊了很多。
现在我们来了解一下像素和锐度的关系。在分辨率一定的情况下,像素是画面大小的标志。
像素大只能说明画面的大小,不能说明它的清晰度。比如上图,在保持72分辨率不变的情况下,你可以把3024的像素改成你喜欢的任意多。但如果最终改变的像素大于3024(比如6048px),画面会变得不清晰(按照PS中画面的实际像素来看)。如果小于3024px,清晰度正常。也可以随便拍一张照片,用PS试试看。
在这里,不知道你有没有被豆芽迷惑过。最好能理解他们,但是不理解也没关系,对你平时的工作也没什么影响。记住前面文章说的就好,不要跑题。我觉得我得把原因搞清楚,新手没必要。
比如饺子好吃,只要你负责吃。你不用担心它是如何包装的,或者用了什么成分。
好了,今天就到这里。
豆芽微信:zhe chiqiyan-设计/生活乐趣。
微信官方账号:学设计豆芽-干货/经验篇。
下面介绍如何在微信官方账号关注豆芽。不知道怎么关注的可以看看。
去我主页看更多相关文章!这里是【学习设计小豆芽】第66篇原创文章!下次再见。天天向上,跟我学设计!