交互设计-第2讲 图像处理初步09.ppt
《交互设计-第2讲 图像处理初步09.ppt》由会员分享,可在线阅读,更多相关《交互设计-第2讲 图像处理初步09.ppt(64页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、教学进程教学进程教学进程教学进程交互设计-第2讲 图像处理初步09 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望教学进程教学进程教学进程教学进程数字图像数字图像人眼能识别的自然景象或图像原也是一种人眼能识别的自然景象或图像原也是一种模拟信模拟信号号,为了使计算机能够记录和处理图像、图形,为了使计算机能够记录和处理图像、图形,必须首先使其必须首先使其数字化数字化。数字化后的图像、图形称。数字化后的图像、图形称为为数字图像、数字图形数字图像、数字图形,一般也简称为图
2、像、图,一般也简称为图像、图形。形。教学进程教学进程教学进程教学进程教学进程教学进程教学进程教学进程图像处理系统示意图教学进程教学进程教学进程教学进程数字图像:直接量化的原始信号数字图像:直接量化的原始信号数字图像:直接量化的原始信号数字图像:直接量化的原始信号图像的最小单位是像点图像的最小单位是像点图像的最小单位是像点图像的最小单位是像点用于表现自然影像用于表现自然影像用于表现自然影像用于表现自然影像 图形:运算形成的抽象化产物图形:运算形成的抽象化产物图形:运算形成的抽象化产物图形:运算形成的抽象化产物图形由具有方向和长度的图形由具有方向和长度的图形由具有方向和长度的图形由具有方向和长度的
3、矢量表示矢量表示矢量表示矢量表示用于分析运算结果,简单用于分析运算结果,简单用于分析运算结果,简单用于分析运算结果,简单图形表示图形表示图形表示图形表示图像是自然界中多姿多彩的景物和生物图像是自然界中多姿多彩的景物和生物图像是自然界中多姿多彩的景物和生物图像是自然界中多姿多彩的景物和生物通过视觉感官在大脑中留下的印记。通过视觉感官在大脑中留下的印记。通过视觉感官在大脑中留下的印记。通过视觉感官在大脑中留下的印记。教学进程教学进程教学进程教学进程2.2数字图像类型数字图像类型 教学进程教学进程教学进程教学进程根根据据数数字字图图像像的的特特性性可可将将其其分分为为:矢矢量量(Vector)(Ve
4、ctor)图图和和位位图图(BitmapBitmap)。)。1.1.矢矢量量图图是是用用一一系系列列绘绘图图指指令令来来表表示示一一幅幅图图。这这幅幅图图可可以以分分解解为为一一系系列列子子图图如如:点点、线线、面面等等。这这种种方方法法的的本本质质是是用用数数学学公公式式描描述述一一幅幅图图像像。图图像像中中每每一一个个形形状状都都是是一一个个完完整整的的公公式式,称为一个对象。称为一个对象。2.2.位图位图(bit-mappedimage)是用像素点来描述或映射的图,是用像素点来描述或映射的图,也即位映射图。位图在内存中也就是一组计算机内存地址位也即位映射图。位图在内存中也就是一组计算机内
5、存地址位(bit)组成,这些)组成,这些位位定义图像中每个像素点的颜色和亮度。定义图像中每个像素点的颜色和亮度。位图一般也称为图像。位图一般也称为图像。位图可以从传统的相片、幻灯片上制作出来或使用数字相位图可以从传统的相片、幻灯片上制作出来或使用数字相机得到,机得到,也可以利用也可以利用WindowsWindows的画笔的画笔(Painbrush)(Painbrush)用颜色点用颜色点填充网格单元来创建位图。填充网格单元来创建位图。2.2数字图像类型数字图像类型 教学进程教学进程教学进程教学进程优点:优点:q容量:它的文件数据量很小;容量:它的文件数据量很小;q图图像像质质量量与与分分辨辨率率
6、无无关关,这这意意味味着着无无论论将将图图像像放放大大或或缩缩小小了了多多少少次次,图图像像总总是是以以显显示示设设备备允允许许的的最最大大清清晰晰度度显显示示。在在计计算算机机计计算算与与显显示示一一幅幅图图像像时时,也也往往往往能能看看到到画画图图的的过过程。程。q存存盘盘后后文文件件的的大大小小与与图图形形中中元元素素的的个个数数和和每每个个元元素素的的复复杂杂程度成正比。而与图形面积和色彩的丰富程度无关。程度成正比。而与图形面积和色彩的丰富程度无关。缺点:缺点:q不不易易制制作作色色调调丰丰富富或或色色彩彩变变化化太太多多的的图图像像,而而且且绘绘出出来来的的图像不是很逼真,同时也不易
7、在不同的软件间交换文件。图像不是很逼真,同时也不易在不同的软件间交换文件。矢量图特点矢量图特点图形由具有方向和长图形由具有方向和长图形由具有方向和长图形由具有方向和长度的矢量表示度的矢量表示度的矢量表示度的矢量表示用于分析运算结果,用于分析运算结果,用于分析运算结果,用于分析运算结果,简单图形表示简单图形表示简单图形表示简单图形表示教学进程教学进程教学进程教学进程 图形:用数学公式或模型来描述图形:用数学公式或模型来描述图形:用数学公式或模型来描述图形:用数学公式或模型来描述数据量小数据量小数据量小数据量小放大缩小不失真放大缩小不失真放大缩小不失真放大缩小不失真必须专用软件才能打开必须专用软件
8、才能打开必须专用软件才能打开必须专用软件才能打开适合表现简单规范的图形适合表现简单规范的图形适合表现简单规范的图形适合表现简单规范的图形CorelDrawCorelDraw:*.cdr*.cdrIllustratorIllustrator:*.AI*.AI、*.EPS.EPS和和和和SVGSVGAutoCADAutoCAD:*.dwg*.dwg和和和和dxfdxfFreeHandFreeHand:.FH11.FH113DStudio3DStudio:。:。:。:。3DS3DSwindows标准图元文件标准图元文件*.wmf和增强型图元文件和增强型图元文件*.emf等等。等等。教学进程教学进程教
9、学进程教学进程 位图图像特点位图图像特点位图图像特点位图图像特点图像像点图像像点图像像点图像像点教学进程教学进程教学进程教学进程在计算机上存储图像最普通和广泛的形在计算机上存储图像最普通和广泛的形式是位图。式是位图。特点:特点:q适适于于“获获取取”和和“复复制制”,表现力丰富,但编辑较复杂表现力丰富,但编辑较复杂q位位图图的的绘绘制制过过程程也也即即逐逐点点映映射射的的过过程程,与与图图像像的的复复杂杂程程度度无无关关。位位图图的的表表现现力力强强,可可适适于于任任何何自自然然图图像像,细细腻腻、层次多、细节多。层次多、细节多。q图图形形面面积积越越大大,文文件件的的字字节节数数越越多多,文
10、文件件的的色色彩彩越越丰丰富富,文件的字节数越多。文件的字节数越多。教学进程教学进程教学进程教学进程 位图图像位图图像位图图像位图图像图像由基本显示单元图像由基本显示单元图像由基本显示单元图像由基本显示单元“像点像点像点像点”构成构成构成构成图像像点图像像点图像像点图像像点8bit(28bit(28 8=256=256色色色色)16bit(216bit(21616=65536=65536色色色色)24bit(224bit(22424=16M=16M色色色色)8 8位图像位图像位图像位图像1616位图像位图像位图像位图像2424位图像位图像位图像位图像 二进制位与图像之间二进制位与图像之间二进制
11、位与图像之间二进制位与图像之间存在严格的存在严格的存在严格的存在严格的“位映射位映射位映射位映射”关系关系关系关系 像点由若干个二进制位进行描述像点由若干个二进制位进行描述像点由若干个二进制位进行描述像点由若干个二进制位进行描述 二进制位代表图像颜色的数量二进制位代表图像颜色的数量二进制位代表图像颜色的数量二进制位代表图像颜色的数量 具有位映射关系的图叫作具有位映射关系的图叫作具有位映射关系的图叫作具有位映射关系的图叫作“位图位图位图位图”“位图位图位图位图”特指图像特指图像特指图像特指图像教学进程教学进程教学进程教学进程教学进程教学进程教学进程教学进程 1)矢量图与位图的转换 通过软件,矢量
12、图可以轻松地转换为位图,而位图转换为矢量图就需要经过复杂而庞大的数据处理,而且生成的矢量图的质量无法跟原来的图形相比。2)矢量图与位图的组合使用 矢量图和位图在应用上可以相互结合,例如可以用矢量图形建模、位图贴图实现逼真的视觉效果等。矢量图与位图的关系 教学进程教学进程教学进程教学进程 计算机显示图像时采用位图块拷贝。对图计算机显示图像时采用位图块拷贝。对图形显示,需要计算机依照特定的算法生成。形显示,需要计算机依照特定的算法生成。对图形而言,其关键算法主要有:图形数对图形而言,其关键算法主要有:图形数据结构研究、计算机自动造型、参数化设计据结构研究、计算机自动造型、参数化设计等。等。对图像而
13、言,其关键算法主要有:图像的对图像而言,其关键算法主要有:图像的压缩与编码、图像的恢复与重建、图像的解压缩与编码、图像的恢复与重建、图像的解释与识别、计算机视觉等等。释与识别、计算机视觉等等。教学进程教学进程教学进程教学进程q 我们日常生活中见到的图像一般是连续形式的模我们日常生活中见到的图像一般是连续形式的模 拟图像,所以数字图像处理的一个先决条件就是拟图像,所以数字图像处理的一个先决条件就是 将连续图像离散化,转换为数字图像。将连续图像离散化,转换为数字图像。q 图像的数字化包括图像的数字化包括采样采样和和量化量化两个过程,连续图两个过程,连续图像像f f(x,yx,y)经数字化后,可以用
14、一个离散量组成的矩经数字化后,可以用一个离散量组成的矩阵阵g(g(i,ji,j)(即二维数组)来表示。(即二维数组)来表示。图像数字化概念图像数字化概念 教学进程教学进程教学进程教学进程位图图像的表示位图图像的表示p如果将一幅图像分成许多个被如果将一幅图像分成许多个被称为象素(称为象素(PixelPixel)的小区域,)的小区域,每个象素中的灰度平均值用一每个象素中的灰度平均值用一个整数来表示,这便是数字信个整数来表示,这便是数字信号。号。p数字图像是由矩阵构成,矩阵数字图像是由矩阵构成,矩阵中包含有不同的象素值。数字中包含有不同的象素值。数字图像是以一规则的数字量集合图像是以一规则的数字量集
15、合来表示的物理图像,图像用计来表示的物理图像,图像用计算机处理必须赋予数字形式。算机处理必须赋予数字形式。教学进程教学进程教学进程教学进程(2 2)数数字字化化采采样样一一般般是是按按正正方方形形点点阵阵取取样样的的,除除此此之外还有三角形点阵、正六角形点阵取样。如图所示。之外还有三角形点阵、正六角形点阵取样。如图所示。(3)以上是用以上是用g(i,j)的数值来表示的数值来表示(i,j)位置点上灰度级位置点上灰度级值的大小,即只反映了黑白灰度的关系,值的大小,即只反映了黑白灰度的关系,如果是一幅彩如果是一幅彩色图像,色图像,各点的数值还应当反映色彩的变化,可用各点的数值还应当反映色彩的变化,可
16、用g(i,j,)表示,其中表示,其中是波长。如果图像是运动的,还应是时是波长。如果图像是运动的,还应是时间间t的函数,即可表示为的函数,即可表示为g(i,j,t)。教学进程教学进程教学进程教学进程 2.2.采样采样q图图像像在在空空间间上上的的离离散散化化称称为为采采样样。也也就就是是用用空空间间上上部分点的灰度值代表图像,这些点称为采样点。部分点的灰度值代表图像,这些点称为采样点。q由由于于图图像像是是一一种种二二维维分分布布的的信信息息,需需要要先先将将二二维维信信号变为一维信号,再对一维信号完成采样。号变为一维信号,再对一维信号完成采样。具体做法具体做法:1.1.先先沿沿垂垂直直方方向向
17、按按一一定定间间隔隔从从上上到到下下顺顺序序地地沿沿水水平平方方向向直直线线扫扫描描,取取出出各各水水平平线线上上灰灰度度值值的的一一维扫描。维扫描。2.2.而而后后再再对对一一维维扫扫描描线线信信号号按按一一定定间间隔隔采采样样得得到到离离散散信信号号,即即先先沿沿垂垂直直方方向向采采样样,再再沿沿水水平平方方向采样这两个步骤完成采样操作。向采样这两个步骤完成采样操作。教学进程教学进程教学进程教学进程采样示意图采样示意图教学进程教学进程教学进程教学进程q 模模拟拟图图像像经经过过采采样样后后,在在时时间间和和空空间间上上离离散散化化为为像像素素。但但采采样样所所得得的的像像素素值值(即即灰灰
18、度度值值)仍仍是是离离散散量量。把把采采样样后后所所得得的的各各像像素素的的灰灰度度值值从从模模拟拟量量到到离离散散量量的的转转换换称为图像灰度的量化。称为图像灰度的量化。q 图图a a说说明明了了量量化化过过程程。若若连连续续灰灰度度值值用用z z来来表表示示,对对于于满满足足z zi iz zz zi i+1+1的的z z值值,都都量量化化为为整整数数q qi i。q qi i称称为为像像素素的灰度值,的灰度值,z z与与q qi i的差称为量化误差。的差称为量化误差。q 一一般般,像像素素值值量量化化后后用用一一个个字字节节8bit来来表表示示。如如图图所所示示,把把由由黑黑灰灰白白的的
19、连连续续变变化化的的灰灰度度值值,量量化化为为0255共共256级级灰灰度度值值,灰灰度度值值的的范范围围为为0255,表表示示亮亮度从深到浅,度从深到浅,对应图像中的颜色为从黑到白。对应图像中的颜色为从黑到白。3.3.量化量化教学进程教学进程教学进程教学进程量化示意图(a)量化;(b)量化为8bit教学进程教学进程教学进程教学进程q对对一一幅幅图图像像,当当量量化化级级数数Q Q一一定定时时,采采样样点点数数M MN N 对图像质量有着显著的影响。对图像质量有着显著的影响。q如如图图所所示示,采采样样点点数数越越多多,图图像像质质量量越越好好;当当采采样样点数减少时,图上的块状效应就逐渐明显
20、。点数减少时,图上的块状效应就逐渐明显。4.采样与量化的选择采样与量化的选择用二进制表示就是从用二进制表示就是从0000000000000000到到1111111111111111,总,总共需要共需要8 8位二进制数。位二进制数。教学进程教学进程教学进程教学进程图图2-4 2-4 不同采样点数对图像质量的影响不同采样点数对图像质量的影响(a a)原始图像)原始图像(256256)(256256);(;(b b)采样)采样1(128128)1(128128);(;(c c)采样采样2(6464)2(6464);(d d)采样)采样3(3232)3(3232);(e e)采样)采样4(1616)4
21、(1616);(;(f f)采样采样5(88)5(88)教学进程教学进程教学进程教学进程图像的属性图像的属性图像的属性图像的属性2.32.3像素点、图像分辨率、图像深度像素点、图像分辨率、图像深度教学进程教学进程教学进程教学进程图像分辨率图像分辨率图像分辨率是确立组成一幅图像的像素数目,图像分辨率是确立组成一幅图像的像素数目,图像分辨率用每英寸多少点(图像分辨率用每英寸多少点(dotperinchdpi)表示,指组成一幅图像的像素密度的度量方法。对表示,指组成一幅图像的像素密度的度量方法。对同样大小的一幅原图,如果数字化时图像分辨率高,同样大小的一幅原图,如果数字化时图像分辨率高,则组成该图的
22、像素点数目越多,看起来就越逼真。则组成该图的像素点数目越多,看起来就越逼真。图像分辨率在图像输入图像分辨率在图像输入/输出时起作用;它决定图像输出时起作用;它决定图像的点阵数。而且,的点阵数。而且,不同的分辨率会造成不同的图像不同的分辨率会造成不同的图像清晰度清晰度。教学进程教学进程教学进程教学进程300dpi96dpi21dpi300dpi96dpi21dpidpidpi的数值越大,图像越清晰的数值越大,图像越清晰的数值越大,图像越清晰的数值越大,图像越清晰 分辨率的单位分辨率的单位分辨率的单位分辨率的单位dpi(displaypixels/inch)dpi(displaypixels/in
23、ch)每英寸显示的点数每英寸显示的点数每英寸显示的点数每英寸显示的点数dpidpi视觉效果视觉效果视觉效果视觉效果清晰度清晰度清晰度清晰度绝对清晰度绝对清晰度绝对清晰度绝对清晰度图像分辨率图像分辨率图像分辨率图像分辨率教学进程教学进程教学进程教学进程教学进程教学进程教学进程教学进程常见分辨率常见分辨率常见分辨率常见分辨率 平板平板平板平板扫描仪:扫描仪:扫描仪:扫描仪:1200dpi1200dpi底片扫描仪底片扫描仪底片扫描仪底片扫描仪4800dpi4800dpi 印刷图片印刷图片印刷图片印刷图片普通:普通:普通:普通:300dpi300dpi高精度:高精度:高精度:高精度:600dpi600
24、dpi显示器:显示器:显示器:显示器:96dpi96dpi 显示用图片:显示用图片:显示用图片:显示用图片:96dpi96dpi 动画、视频:动画、视频:动画、视频:动画、视频:96dpi96dpi喷墨打印机:喷墨打印机:喷墨打印机:喷墨打印机:7207202880dpi2880dpi激光打印机:激光打印机:激光打印机:激光打印机:6001200dpi6001200dpi教学进程教学进程教学进程教学进程教学进程教学进程教学进程教学进程图像深度图像深度也称像素深度、或色彩深度。是指位图中记录也称像素深度、或色彩深度。是指位图中记录每个像素点所占的位数,它决定了彩色图像中可出每个像素点所占的位数,
25、它决定了彩色图像中可出现的最多颜色数,或者灰度图像中的最大灰度等级现的最多颜色数,或者灰度图像中的最大灰度等级数。数。图像的色彩需用三维空间来表示,如图像的色彩需用三维空间来表示,如RGB色彩色彩空间,而色彩的空间表示法又不是唯一的,所以每空间,而色彩的空间表示法又不是唯一的,所以每个像素点的图像深度的分配还与图像所用的色彩空个像素点的图像深度的分配还与图像所用的色彩空间有关。以最常用的间有关。以最常用的RGB色彩空间为例,图像深度色彩空间为例,图像深度与色彩的映射关系主要有真彩色、伪彩色和调配色。与色彩的映射关系主要有真彩色、伪彩色和调配色。教学进程教学进程教学进程教学进程q在在灰灰度度图图
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 交互设计-第2讲 图像处理初步09 交互 设计 图像 处理 初步 09
限制150内