图片相关的知识点

我们先找到一张图片,查看图片的详细信息,就可以发现里面有一些专有名词,下面对这些专有名词进行解释和拓展

图片的属性信息

图片属性信息

像素

下图片中的小方格,是图片的基本单位,不可再切割为更小的单位了

示例图

像素宽度:图片的横向所包含的像素数量

像素高度:图片的竖向所包含的像素数量

分辨率

可以细分为显示分辨率,图像分辨率,打印分辨率,扫描分辨率等;这里主要讲图像分辨率和显示分辨率;

图像分辨率:单位英寸中所包含的像素数量

显示分辨率:显示器所能显示的像素数量(屏幕图像的精密度)

图片分辨率

因此,图片的像素宽/高计算如下:

                        像素宽度 = 横向图片分辨率*宽度

                        像素高度 = 纵向图片分辨率*高度

图片尺寸相同的情况下,图片分辨率越高,图片的像素越多,图片就越清晰,同时,图片的大小就会越大,如下图:

示例图

描述分辨率的单位有DPI(点每英寸),LPI(线每英寸),PPI(像素每英寸),PPD(角分辨率)

PPI(Pixels Per Inch):每英寸像素数,也叫像素密度,应用于计算机显示,图片显示领域

DPI(Dot Per Inch):每英寸的点数,应用于输出设备,如印刷打印领域

LPI(Line Per Inch):印刷图像所用网屏的每英寸的网线数

PPD(Pixels Per Degree)):视场角中的平均每 1° 夹角内填充的像素点的数量

讲到这里,我们再来看看,各大手机厂商发布会的时候宣称的前置xx百万像素,后置xx百万像素,这个是怎么计算的呢?

前置20M(2000万像素):前置摄像头拍摄的图片的最大像素点(3:4比例拍摄的图片为3872*5184=20072448≈2000万)


红米K30手机参数

显示分辨率

屏幕尺寸:屏幕对角线的长度

2400*1080像素:在6.67英寸的手机屏幕中,竖向的高有2400个像素,横向的宽有1080个像素

示例图

那么像素密度,分辨率,屏幕尺寸的关系是什么?

可以计算出上面的红米K30的屏幕像素密度=394ppi

iphone X分辨率为2436 * 1125,5.8英寸,计算后的屏幕像素密度为458 ppi,同样一英寸,iPhone X用458ppi显示,红米用394ppi显示,因此iPhone X的屏幕显示效果肯定更精细

PS:

1、屏幕的清晰程度其实是分辨率和尺寸大小共同决定,即用ppi指数衡量屏幕清晰程度

2、ppi在120-160之间的手机被归为低密度手机,160-240被归为中密度,240-320被归为高密度,320以上被归为超高密度

前置20M(2000万像素):前置摄像头拍摄的图片的最大像素点(3:4比例拍摄的图片为3872*5184=20072448≈2000万)

后置64M+13M+5M+2M

颜色模式

一种记录图像颜色的方式。分为:RGB模式、CMYK模式、HSB模式、Lab颜色模式、位图模式、灰度模式、索引颜色模式、双色调模式和多通道模式

RGB模式:红绿蓝三基色;因为自然界的所有颜色都是由红、绿、蓝这三种颜色频率的不同强度进行组合的,主要应用于显示器、电脑屏幕等领域。

RGB三基色各进行8位编码就构成了大约1677万(2^24)种颜色,这就是我们常说的真彩色

CMYK模式:其中四个字母分别指青(Cyan)、洋红(Magenta)、黄(Yellow)、黑(Black),在印刷中代表四种颜色的油墨,主要应用于期刊、杂志、报纸、宣传画等印刷领域

HSB模式:色泽(Hue)、饱和度(Saturation)和亮度(Brightness)。HSB颜色模式便是基于人对颜色的心理感受的一种颜色模式

Lab模式:由RGB模式转换为HSB模式和CMYK模式的桥梁。该颜色模式由一个发光率(Luminance)和两个颜色(a,b)轴组成

位图模式:用两种颜色(黑和白)来表示图像中的像素

灰度模式:可以使用多达256级灰度来表现图像,每个像素有一个0(黑色)到255(白色)之间的亮度值

备注,详细请见:https://baike.baidu.com/item/%E9%A2%9C%E8%89%B2%E6%A8%A1%E5%BC%8F/7361869?fr=aladdin

颜色深度

用来记录图片中一个像素色值的位数,也就是x位/像素

常见的颜色深度有:

1位:黑白照片,只有黑色和白色

4位:有2的4次幂种颜色,16种颜色

8位:2的8次幂表示,它含有256种颜色

24位:2的24次幂种颜色,16777216种颜色(真彩色),共有3个通道(RGB),R,G,B三基色各占8位,每个通道都有8位深度。

32位:32位在24位基础上加了透明度,颜色数量和24位是一样的

备注:一般我们看到的颜色编码都是#8AFF7F之类的形式,6位数字分为3组,每组两位,依次表示红、绿、蓝三种颜色的强度;每一种颜色强度最低为 0,最高为255,并通常都以16进制数值表示,那么255对应于十六进制就是FF,并把三个数值依次并列起来 ,以#开头。

上述的#8AFF7F中,R为8A,转化为二进制就是10001010

如果颜色编码是8位,最后两位一般是透明通道

图片格式:

如果一张图片没有进行压缩,使用原始的图片信息存储到文件中就会比较大,比如:5000*5000,24位/像素的图片,大小为5000*5000*3字节==71.5MB(1字节=8位)。于是就有了jpeg,png等的图片压缩格式,相当于zip,rar格式是普通文件的压缩格式一样

不同格式的图片也有自己不同的特点,如下

不同格式的图片区别
位图和矢量图的区别

应用

1、像素马赛克的实现原理:

马赛克类型分为像素马赛克,高斯模糊马赛克,图片平铺马赛克,笔刷马赛克等类型,不同类型的马赛克实现方式不一样,比如

像素马赛克是在固定的间隔取像素点,即将图片分割成一些小块,每个小块的rgb值取左上角像素的值。

高斯模糊马赛克是每一个像素都取周边像素的平均值;在数值上,这是一种"平滑化"。在图形上,就相当于产生"模糊"效果,"中间点"失去细节就可以产生如下图的效果

2、近期手机厂商都在说的 10 亿色是什么意思?


OPPO Find X3宣传图

3月6日发布的OPPO Find X3宣传采用的10亿色,这个十亿色表示屏幕可以显示十亿种颜色,即RGB三个通道分别是使用10位来表示,通过计算2^10*2^10*2^10=1024X1024X1024=1073741824,约等于10亿,

一般来说,颜色越多,过度越平滑,如下图,

3、颜色调色盘面板取色

用户在调色盘中手动设置了一个颜色,收起调色盘后,再次进入,需要在调色盘中选中对应的位置;获取到颜色后,将RGB转换为HSB,再选中调色盘中对应的位置


调色盘对应的HSB

  H(Hue):表示颜色的类型(例如红色,绿色或者黄色).取值范围为0—360.其中每一个值代表一种颜色.

  S(Saturation):颜色的饱和度.从0到1.有时候也称为纯度.(0表示灰度图,1表示纯的颜色)

  B(Brightness or Value):颜色的明亮程度.从0到1.(0表示黑色,1表示特定饱和度的颜色)

4、图片智能打码入口无法显示的问题

一般我们手机拍摄的图片,手机截图等都是8位,因为满足人类肉眼可以看到的颜色,有个比较特殊的是iphone手机截图出来的图片是16bit,AI算法在进行是否是聊天记录图片识别时,未对16位的图片进行处理,导致判断错误

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,542评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,596评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,021评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,682评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,792评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,985评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,107评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,845评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,299评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,612评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,747评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,441评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,072评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,828评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,069评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,545评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,658评论 2 350

推荐阅读更多精彩内容