点阵格式图像

我们所看到的图像,究竟是如何构成的呢?这就需要涉及到图像类型的概念。

电脑中的图像类型分为两大类,一类称为点阵图,一类称为矢量图。

点阵图顾名思义就是由点构成的,如同用马赛克去拼贴图案一样,每个马赛克就是一个点,若干个点以矩阵排列成图案。

数码相机拍摄的照片、扫描仪扫描的稿件以及绝大多数的图片都属于点阵图,如下图就是一个典型的点阵图:



把这幅图片调入Photoshop,使用菜单【图像>图像大小】就可以看到如下信息:



注意上部像素大小中的宽度和高度,分别是400像素和225像素。

像素是什么?像素就是组成点阵图像中的那些点,是点阵图最小的单位。如同拼成图案的那许多马赛克一样。

在Photoshop状态栏左端的缩放倍数往右一些的区域,按住ALT键单击也会出现像素数量信息,如果没有状态栏可用菜单【窗口>状态栏】打开。如下图:



如果我们放大图像〖CTRL +〗,就会看到点也同时被放大了,这时就会出现所谓的马赛克现象(也称锯齿现象)。如下图:



我们可以看到有许多不同颜色的小正方形,那就是被放大的像素。每个像素只能有一个颜色。

宽400像素,高225像素,意味这幅图像由横方向400个点、竖方向225个点组成,400x225=90000,图像的总像素数量就是9万。

数码相机有一个很重要的指标就是300万像素、500万像素这样的称呼,就是指拍摄出来图像中的像素总量。

放大缩小图像的快捷键是〖CTRL +〗〖CTRL -〗,这种放大会沿着图像的中心点放大。

还有一种定点放大方式是按住空格和CTRL键,用鼠标单击图像的一个部分,这样会以单击的地方作为中心放大。缩小是按住空格和ALT键单击。

如果缩放程度不够可重复以上操作。图像窗口的标题栏、以及Photoshop下方状态栏的左端,都会显示缩放倍数。

严格来说应该是先按CTRL再按空格。但是在中文Windows下这正好是默认的中文输入法切换方式。因此建议先按空格再按CTRL。

如果图像超过了图像窗口的大小,将在右方和下方出现滚动条,此时拉动滚动条即可移动观看区域(不是移动图像)。

也可按住空格键在图像中按下鼠标拖动。当鼠标开始拖动以后,空格键可以松开。

以上的几个快捷键是最常用的。要把它们记住,这将让你的操作变得迅速。

像素是不是越多越好呢?从大部分情况来说是的,图像的像素越多,记录的信息也越详细,图像的局部就越细致,如下图:



图是一幅像素总量144万(1600x900)的图像,在放大到和前一张图差不多的大小时的效果,可以很明显感觉出图像局部要显得细腻得多。

我们的显示器也是点阵式的,前一课中看过的电视机屏幕,就是由许多的点构成的。包括液晶屏和等离子屏也是如此。

传统的显像管显示器又称为CRT(学名阴极射线管),是显示设备中最早也最普及的种类。

显示器的点阵数是可变的,我们可以从Windows控制调板中的显示项目来查看或改动目前显示器的屏幕分辨率,如下图:



如图所示,目前为1024x768像素,也就是说现在显示器横方向能够显示1024个点,竖方向768个点。

如同一张6寸的照片不能完整放入一个5寸的像框一样,

如果一幅图像超过了显示器横或竖方向的像素数,那么这幅图像就不能在屏幕上完整显示(100%无缩放前提下)。

因此屏幕分辨率越高,能够完整显示的内容就越多。比如一个300x300像素的方块,在不同的屏幕分辨率下,所显示的大小也不一样,如下3图:



如同马路上的一个井盖,站在5层楼看得很清楚,站在30层楼就小了许多,站在70层楼就更小了。井盖的实际大小没有变化,是视野放大导致井盖看起来缩小。

因此这不能说方块的大小改变了,300像素还是300像素没有变,是因为屏幕像素总量的增加使得它看起来变小。

计算一下就会知道,屏幕横分辨率800的时候,300像素占据着约一半的宽度,在1024时候占据约三分之一,在1600时候只占据约五分之一了。

显示器上有着许多的点,每个点由红绿蓝三个涂有荧光粉的单元组成,学名就是像素。

显示器内部有个称为电子枪的部件是用来激发像素发光的,它发出三道电子束击打屏幕最左上角的点(可称为0点),三束分别击打红绿蓝单元。

根据信号的强弱使红绿蓝按照比例混合成色。这样便完成了一个像素的激发。

然后在偏转线圈的磁力作用下,电子束往右移动一像素,再对这个像素进行激发。直到顺序激发完这一行所有的像素。就称为完成一个“行扫描”。

然后向下移动一行,回到左端开始激发第二行的第一个像素。如此重复。 当激发完最后一行最后一个像素后,就算完成了一个“场扫描”。

因此其实屏幕上的像素并不是同时发光的,但由于人眼有视觉暂留的特性,所以还是可以看到一幅完整的图像。

显示器扫描的顺序如下图,从0点开始往X轴方向扫描,完成一行后往Y轴方向移动,进行第二行的扫描。



正因为这种扫描方式,屏幕的坐标系就如同上图一样,以左上角为原点,X轴向右,Y轴向下。这与平面几何坐标系正好上下颠倒。

当我们把图像储存为点阵格式的时候,Photoshop就按照上面的顺序,一个接一个地去记录这幅图像中所有的像素的颜色。从而储存了图像。

当在Photoshop中打开一幅点阵图像的时候,也是按照上面的顺序逐个提取像素信息并显示在屏幕上。

我们浏览网页的时候,有时会看到图片不是一次性出现,而是从上至下慢慢显示出来。这就是因为网络传送速度慢造成了点阵像素信息的读取也慢。

如果等待传送的时间太长,会让浏览者失去兴趣。因此用于网页上的图片,应该尽可能地减少大小,便于快速地传送。这个要点我们在以后还会接触到。

Photoshop的信息调板会显示当前鼠标在图像中的XY坐标,如下图鼠标的热点正处在这幅图像横方向第93个,竖方向第50个像素处:



所谓鼠标热点是指鼠标光标中起定位作用的那一点,不同的光标热点位置也不一样。上图的热点是在箭头顶部的尖角处。

了解了点阵图像大小的区别后,我们知道点阵图像幅面越大,像素越多,记录的信息就越丰富。

但是如果只有小幅的图片,能不能放大呢?放大的效果以后比起真正的大图来如何呢?下面我们来做一个实验。

首先在Photoshop中打开这张图片,如下图:



使用菜单【图像>图像大小】,将宽度改为200,注意高度也随着发生变化,这是因为下方的“约束比例”选项有效。这样可保持图片宽高比例不变。

对话框中其他的选项暂时不用去深究。参照下图即可:



按下好按钮确定操作,会看到图像已经变小了。如下图:



做完这一步后,我们将一个大图缩成了小图,从9万像素(400x255)变到了2.26万像素(200x113)。

现在再次使用菜单【图像>图像大小】,将图像宽度改回400。注意自动计算出来的高度是226而不是原先的225了。将会看到下面的图像:



发现图像变得模糊不清了,原先可以看到的一些细节(如左手的手指缝)丢失了。这是为什么呢?

首先我们来模拟一下第一次缩小的过程,假设我们要将一幅10x6个像素组成的图像,缩小为5x3,以下是示意图,每个灰色方块代表1像素:



当缩小指令发出后,Photoshop等距离地抽取像素并丢弃,如下图:



然后再将剩余的像素拼合起来,形成缩小后的图案,如下图:



在第一次缩小以后,像素从9万降到了2.26万,这其中丢弃了6.74万个像素信息。然后又将图像扩大到400×225像素,虽然像素总量和原先一样是9万,

但在第一次转换中丢弃的6.74万像素信息却是找不回来的。Photoshop只能采用插值算法去弥补这6.74万像素。

所谓插值算法,就好比猜测,凭空去“捏造”那些并不存在的像素。如下图是上图左上角那2x2的部分:



现有A、B、C、D四个像素,要将2x2扩成3x3,那么就要多出5个像素。图中的标号是1、2、3、4、5。

如何确定这原先并不存在的像素的颜色呢?是将现有两个像素的颜色值取平均,去作为新像素的颜色。

也就是说AB运算后得出1;AC运算后得出2;BD得出4;CD得出5;3则是由1245运算得出的。

注意:以上内容是为了便于大家理解而打的比方,真正的图像运算概念和过程远比这复杂的多。

可以想象,用这样方式“捏造”出来的像素,和真正原先的像素肯定存在误差甚至是很大的误差。

比如左手的手指缝,原先可以很清楚地看到有三道深色的线,如下图:



而在缩小以后,原先手指缝部分的像素就几乎不见了。只剩下一些浅色的像素,手指缝已经看不清楚了。如下图:



用这些浅色的像素计算出来的新像素,同样也只可能是浅色而不可能是深色的。因此手指缝原先深色的部分已无法还原了。如下图:



失去了手指缝的分界,整个手看起来就变得模糊不清,图像失真了。这就是为何将小幅点阵图像扩大后,图像会变得模糊的原因。

在今后实际的操作中,一般情况下不要将点阵图放大制作。

现在回顾一下刚才第二次改变图像宽度到400的时候,高度是226。而不是先前的225。

既然是先缩小一半,再扩大一倍,等于是先除去2,再乘以2,数字应该和原先相等。为什么不相等了呢?

这是因为一个前面我们已经提到过,但是没有加以强调的概念:像素是最小的单位。它是不可再被分割的。

图像中的像素总数一定是一个整数,不存在500.7或者400.3这样带小数的数量。

那么,225÷2=112.5,Photoshop近似算作113像素了。而后第二次的扩大,是以这113作为基数,因此得出226像素。

我们前面所做的事情,用语言来表述是:将图像缩小一半,再扩大还原为原大小。对吗?这句话是错误的,有概念上的根本错误。

首先,扩大和还原是两码事,扩大是一种对图像进行修改的操作。而在Photoshop中,还原是指对上一步操作的撤销,对图像本身并没有再作操作。

好比你拒绝接收你朋友寄来的一封信,那么它将被原样不动地退回,那是对寄信这个操作的撤销。可以称为退信。

但如果你拆开信封阅读了内容之后,又把它装进新的信封,并且写上朋友的地址寄回,那么这已经是新的寄信操作,而不能称为是退信了。

再者,“原大小”中的“原”也是错误的,通过上面的分析,我们知道由于取整数的问题,图像的大小和原先已经不一样了。

有关Photoshop的撤销操作,将在后面的内容中介绍。

现在再概述一下点阵图像:

点阵格式是把图像分为若干个点(像素),依靠储存或再现每个点的信息,从而储存或再现整幅图像。

由于像素数量的限制,所以点阵图像的大小是固定的。缩小或放大图像都会造成对图像的破坏。

时间: 2024-08-25 04:33:12

点阵格式图像的相关文章

JPG格式图像相似度对比。

问题描述 JPG格式图像相似度对比. 对jpg格式的图片提取特征需要先对其进行解码转换成位图,然后再利用对应的特征提取方法提取特征吗? 解决方案 最简单的,可以使用灰度直方图作为特征, 解决方案二: 不用吧,看你什么方法能把颜色信息提取出来就行,推荐opencv,psnr

在VC下显示JPEG、GIF格式图像的一种简便方法

在VC下显示JPEG.GIF格式图像的一种简便方法 一. 引言  JPEG图像压缩标准随然是一种有损图像压缩标准,但由于人眼视觉的不敏感,经压缩后的画质基本没有发生变化,很快便以较高的压缩率得到了广泛的认可.GIF格式虽然仅支持256色但它对于颜色较少的图像有着很高的压缩率,甚至超过JPEG标准,也得到了广泛的认同.但作为众多程序员的一个重要的开发工具--Microsoft Visual C++ 6.0的MFC库却仅对没有经过任何压缩的BMP位图文件有着良好的支持,可以读取.显示.存储甚至在内存

C#解析svg格式图像,应该怎么去判断svg图像中各个组成模块相交与否

问题描述 如题,比方说这个svg文件,图形显示如下:在svg中图中的交换机.路由器.主机分别通过<g></g>标签包含了各类<path>绘制出来的,同样的设备连接线,也是由<g></g>标签包含了<path>绘制,我可以<g></g>中的title来判定svg中group元素所描绘的模块,但是关于各个模块之间的连接关系,也就是设备连接线和各个设备之间的相交关系,我应该怎么去判断?这是一条设备连接线的svg代码片

细说PS矢量格式的详解

假设我们写了一首新的乐曲,要把它交给唱片公司,可以通过两种方式: 把这首乐曲弹奏出来并录制在磁带上. 把这首乐曲的乐谱写下来.这两种方式的最大区别在于记录的形式.前者是记述性的.包含乐曲的音频信息.其中的所有信息都是固定的,如演奏速度. 乐器音色等.如果你想把笛子换成排箫,那就要重新录制一遍.后者是描述性的,不包含音频信息,只包含对乐曲音律的描述.如果要改变演奏速度或乐器音色,只 要在乐谱中修改一下就好.点阵图像就属于记述性,以点为记录的对象.而矢量图像属于描述性,以线段和计算公式作为记录的对象

体验PS CS2增强的图像处理能力2

二.快速处理相机的RAW格式文件 什么是RAW格式? 现在的许多数码相机除了能够将图像存储为JPEG.TIFF格式之外,还能存储为RAW格式.其实RAW并非一种图像格式,而是相机的CCD或CMOS在将光信号转换为电信号时的电平高低的原始记录,单纯地将数码相机内部没有进行任何处理的图像数据,即CCD等摄影元件直接得到的电信号进行数字化处理而得到的.比如,对于300万像素的数码相机,一个RAW文件保存了300万个点的感光数据.而我们平常使用JPEG格式拍摄时,是数码相机在RAW格式基础上,在数码相机

体验Photoshop CS2增强的图像处理能力

Photoshop CS2在图像处理能力方面有不少增强,下面我们一一仔细看来. 一.支持32位高动态区域(HDR)图像 虽然在过去150年中,摄影技术的革新很大程度上克服了工艺上的局限,但动态区域仍是多年未被克服的技术局限之一.然而现在不同了,Photoshop CS2中"Merge to HDR"(合并为高动态区域图像)功能的出现突破了这一局限. 关于动态区域(Dynamic Range) 动态区域指图像最暗与最亮点灰度划分的等级数范围.在可见的世界中,这个区域要远远超出人类的视觉范

TIF格式图像文件初探

本文配套源码 一.前言 因工作需要,本人经常接触一些图像方面的编程工作.目前图像领域中的格式很多且大部分官方说明都是英文文档,实在令人头疼,我想受此困扰的程序员朋友不在少数吧.这里本人不揣浅陋,写了一个将TIF格式转换成BMP格式图像的程序,供大家参考.请不吝赐教. 注:TIF是可扩充标记的文件,所以理论上是不可能编写一个能识别所有类别TIF格式的读写程序,这里只是给大家提供一个思路, 将TIF图像转换成BMP图像后就可以使用Windows提供的API函数对其进行编辑并方便直观地显示出来,测试代

图片格式与设计那点事儿

第一次写技术博客,有不尽如人意的地方,还请见谅和指正. 为什么想整理这方面的类容,我觉得就像油画家要了解他的颜料和画布.雕塑家要了解他的石材一样,作为网页设计师也应该对图片格式的特性有一定了解,这样才能更好的表达你的创意和想法. 除此之外,我们在平时工作中也会遇到许多与图片格式相关的问题.比如设计师会奇怪为什么有些页面的产出物总是没法达到设计稿那样的品质和效果,什么样的设计才更适合Web页面;页面重构师和前端工程师则想知道在切图的时候应采用什么图片格式.如何进行参数设置才能达到品质和性能的最优化

PS修复曝光不足的JPEG图像

JPEG图像格式的挑战 JPEG,是确定该格式的联合图像专家组(Joint Photographic Experts Group)的首字母缩写,后缀名是.jpg.相比RAW图像格式,JPEG文件格式占用的空间要小得多,适合照片使用.但同时,JPEG文件格式是一种有损压缩格式,意味着缩减图像信息压缩文档大小,每次打开与保存(取决于当时压缩程度)都永久性的降低图像质量,因此,JPEG图像格式并不适于多次编辑的工作情形. 了解过JPEG图像格式的基本情况后,我们还需要明白的是,在很多情况下,我们工作中