首页 收藏 QQ群
 网站导航
开启辅助访问

QQ登录

只需一步,快速开始

扫一扫,访问微社区

立即注册 找回密码
查看: 449|回复: 7
[交流讨论]

图片体积,图片分辨率,图片尺寸之间是啥关系?

[复制链接]
发表于 2018-12-5 15:57 | 显示全部楼层 |阅读模式
有好几个词,叫法不一样,不过可能拿个实例说一下就能清楚: 500K、1M 这样的描述;是指图片的大小、图片的体积吧?240 × 320、480 × 800 这样的描述;是指图片的尺寸、图片的分辨率吧? 高、中、低这样的描述;是指图片质量吧? 上述列举的 3 个描述之间是啥关系? 还有,像素和分辨率呢?

上一篇:高通的反垄断事件对没使用高通芯片的魅族会不会有影响?
下一篇:互联网电视哪一个品牌更好?
发表于 2018-12-5 15:57 | 显示全部楼层
通常分辨率叫得比较通用,但他和图片尺寸应该是不一样的,指的是单位面积内像素(就显示在屏幕上的图片而言)数量。dpi这种就是分辨率的单位。
回复 支持 反对

使用道具 举报

发表于 2018-12-5 15:58 | 显示全部楼层
图片体积(size)指的是图片文件占用的存储空间的大小。

『图片分辨率』这个说法其实很有问题。分辨率(resolution)说的是另外一件完全不相干的事情。由于人眼球的感光细胞的特性,分辨率有好多种。比如,其中一种是量度人眼能够分辨(resolve)两条平行线的最小距离。二维的情况下可以理解为两个像素点能靠得多近。但后来『分辨率』这个词被用在不同场合描述不同的量度,于是有了今天的混乱结果。

我们通常说的『图片分辨率』(image resolution)其实是指『像素数』(pixel count),通常表达为横向多少个像素x纵向多少个像素这样。像 480x800 这样的表述其实本来应该叫做尺寸(dimensions)的,但是因为数字图片并没有物理的长宽的概念,叫做尺寸反而可能会引起误解。数字图片的『宽』(width) 和『高』(height) 并非物理意义的长度单位,而是在两个维度上图片包含的像素个数。比如 480x800 这样的图片是由横向 480 个像素、纵向 800 个像素(合计 384 000 个像素点)构成的。

『图片质量』是一个主观的量度,一般可以理解为数字图片与真实图片的相似程度。越相似、质量越高。

数字图片存储的时候如果不压缩,体积会比较大。比如,一张 1920x1080 的 24 位彩色 BMP 图片的体积约为 6MB。压缩可以减小体积。压缩分有损(lossy)(常见如 JPEG 格式)和无损(lossless)(常见如 PNG 格式)两种。

无损压缩不会丢失图片的任何信息,而仅仅是通过减少重复达到缩小体积的目的。比如一张图全部是同一个颜色,那么所有像素点不用单独描述,只需描述一个点加上尺寸就好了。很多图片(比如人物、风景)可以经过有损压缩进一步缩小尺寸。有损图片压缩技术利用人眼的特性,使得可以将部分图片细节丢掉而人眼无法区分(或者说区别不明显)。一般而言,对于同一张原始图片,有损压缩得越厉害,得到的压缩后的图片偏离原始图片就越大,质量越低。

图片体积和尺寸、质量的关系比较复杂,因为涉及到图片内容的特性(复杂图片更难压缩、简单图像更容易压缩)、压缩方法等多种因素的影响。通常可以这么理解:尺寸越大、质量越高,则体积越大。
回复 支持 反对

使用道具 举报

发表于 2018-12-5 15:58 | 显示全部楼层
先评价问题补充说明中的那三个:
「500K、1M 这样的描述」
这样写出来的信息其实只表示了一个数字,而没有单位,所以它其实可以指任何数据。「500K、1M」,从数字的大小来看应该是「500KB、1MB」的简写,但如果数字稍微大一些(比如「10M」),这样就不好确定是「10MB 的图片文件」还是「10M(一千万)像素的图片」了。「240 × 320、480 × 800 这样的描述」
这个二维的数据一般都指图片的尺寸,但它同样没有单位。当然,这个看起来应该是「240 × 320 像素、480 × 800 像素」的简写,但谁也说不准会不会是别的单位,比如物理尺寸「240 × 320 毫米」。「高、中、低这样的描述」
是的,图片质量。一般是指 JPEG 图片压缩的程度。但有时也和照片的像素规模有关。

暂时先只说「分辨率」这个概念的混乱:

这个概念还有「解析度」等说法,所以能从字面上看出来,它描述的其实就是图像包含多少细节、有多「清晰」。但具体到怎么用数字来描述一个图像有多少细节,就有很多个描述的角度,于是「分辨率」有很多种意思。
相机的分辨率,往往指的是它的「像素规模」,即它能拍出含有多少个像素的照片。我们可以简单地说「10 M(一千万像素,有时也写成 10 MP)」,也可以写成「4000 × 2672 像素」。对相机来说,把像素和图片物理尺寸联系起来是没有什么意义的,因为相机总是在缩放物体的图像。扫描仪和打印机的分辨率,往往是它们能在单位物理面积内扫描/打印多少个微小的点(像素或墨点),单位一般分别是 PPI(像素/每英寸)和 DPI(点/英寸)──因为把它们的像素/点和物理尺寸联系起来是有意义的。为什么不写它们能扫描/打印包含多少像素/点的图片呢?因为它们扫描/打印的图片尺寸不定呀!所以我们只能以单位面积来描述。显示器能显示包含多少像素的图像的能力是固定的,所以我们可以像描述相机一样说它「1440 × 900 像素」。而它的物理尺寸是有意义的,所以也可以像描述扫描仪一样说它有多少 PPI,此时我们经常用「像素密度」来特指这个 PPI 参数。为什么上面说了这么多,却一直不说图片?因为图片是穿梭在上面说的这些设备之间的东西,它的「分辨率」概念和相机、扫描仪、打印机、显示器都有关。图片的分辨率一般有两种,一种是像相机一样描述总共有多少个像素(如「10 M」)或写成像素数量的乘法(如「4000 × 2672 像素」),另一种是像打印机一样使用 DPI 来确定图片的每一个像素(视作一个「点」)和实际的一个长度单位(英寸)之间的大小比例(比如「300 DPI」)。
回复 支持 反对

使用道具 举报

发表于 2018-12-5 15:59 | 显示全部楼层
题目要弄清楚这个问题,先要搞清楚几个概念:像素、图片大小、分辨率以及抗锯齿是什么意思。
每次想要改图片大小或者自己做的图要导出的时候,总是会出现这样的问题:

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


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

从一张图片开始说起
145350qi3z7eykxyi5d7dh.jpg!0

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

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

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

145350y9d0madcv9qzlzc9.jpg!0

不一定啦,我们看一张图。
145350fkpt32zv8ohkh88u.jpg!0
图片来源:https://msdn.microsoft.com/zh-tw/library/cc294571.aspx

根据显示媒介的不同可能会对像素值进行压缩或者扩大。大家在PS中新建画布的时候最下面有一个选择,不知道你注意到没:
145351bvd0gm4u0uk1810s.jpg!0
在这个里还有很多选项,但是内容太广,也不太需要理解,所以只要记住,我们在作图的时候选择方形像素即可啦。


2 分辨率 是个什么鬼?

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


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

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

1.图像分辨率
2.显示(单位)分辨率

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

显示分辨率:在显示媒介上在单位长度内显示多少像素(相对值,这个和你的显示终端的分辨率有关)

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

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

如果你了解了楼上的概念,那么我再问你:
145352mhuf6w33hweh63ew.jpg!0
答案当然是不一定啦。不然我这么问是二逼吗。哈哈哈哈哈哈哈

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


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

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

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

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

但是,如果你隔老远看手机屏幕,基本上你就告别视网膜屏幕了
145353b4xjtqde584qn1jv.png!0


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

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

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

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

3 锯齿 是个什么鬼

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

我来举个很简单的例子:
145353tfkyyy2lk1u9y25k.jpg!0


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

我们放大字体看它的边缘
145354mg6r1lpf9k3n6v17.jpg!0

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


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

但是!!!
145354t4mjfxstt4twxhvz.jpg!0

显然这么问是一个坑

我们还是回到文字那个案例,我们把上方的平滑改成“无”。
145354jltx34al1r6xffxa.png!0

看下效果
145354rymkszyup55sykvv.jpg!0

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

使用道具 举报

发表于 2018-12-5 15:59 | 显示全部楼层
145355eg0p599amp32a71q.jpg!0
右键图片的”属性-详细信息” 、”属性-常规” 这两个得到的信息。四个图片分别是不同时期截取的,就当时随机的吧。
回复 支持 反对

使用道具 举报

发表于 2018-12-5 16:00 | 显示全部楼层
145356bc67v77fnnpnygay.jpg

145355u892ezsbpwnwc6hr.jpg

回复 支持 反对

使用道具 举报

发表于 2018-12-5 16:01 | 显示全部楼层
分辨率,大体上就是尺寸,和图片体积成正比。不过计算机一般说分辨率更专业,也比较容易沟通和交流。相同分辨率在不同显示器上的大小是不一致的。
画质一般和图片类型有关,高低和体积也成正比。
分辨率指的就是横竖像素,如800*600,代表横向有800像素点,竖向有600个。

来个例子,我的头像。
ip拍出来,图片体积是三百kb,类型是jpg。分辨率是800*600,画质属于中等,没有使用高分辨率等选项。

有时候为了符合上传图片满足200kb的限制,我就是会采用降低分辨率,更改图片类型,如gif,达到效果。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

推荐应用 上一条 /6 下一条

Archiver|新帖|标签|软件|Sitemap|ZNDS智能电视网 ( 浙ICP备14000780号 )

增值电信业务经营许可证:浙B2-20150411 丨 浙公网安备 33010802006145号

浙网文(2016)6491-366号 | GMT+8, 2018-12-11 05:32 , Processed in 0.156191 second(s), 41 queries .

Powered by Discuz!

监督举报:report#znds.com (请将#替换为@)

© 2007-2018 ZNDS.Com

快速回复 返回顶部 返回列表