3.2.2位图图像与矢量图像

合集下载

3.2.2位图图像与矢量图像

3.2.2位图图像与矢量图像
A.位图比矢量图占用空间更少 B.位图与矢量图占用空间相同 C.位图比矢量图更合适表现复杂图形 D.矢量图比位图更合适表现复杂图形
2.下列说法中正确的是( A )。
(1)图像是由一些排成行列的像素组成的,也称为位图图像 (2)图形是由一些排成行列的像素组成的,也称为矢量图形 (3)图形文件中记录图中所包含的基本图形的大小和形状等信息,数据量较小 (4)对位图图像进行缩放会出现锯齿状 A.(1)(3)(4) B.(1)(2)(4) C.(1)(3) D.(2)(4)
六、拓展探究(小组讨论完成)
张老师存有1000张分辨率为1024×768的真彩色 (32位BMP格式)的珍贵 图片,他想将这些图片刻录到光盘上,假设每张光盘可以存放600MB 的信息,张老师需要光盘大约多少张?
(1) 求一张图片的像素总数。 (2)求一张图片的文件大小。 (3)求张老师需要的光盘数量。
2.真彩色32位的图像能表示( 232 )种颜色?
四、探究性学习(小组讨论完成下表)
媒体类别
构成要素 放大后的
效果 存储空间
位图图像
像素 锯齿状(失真)
相对较大
矢量图形
指令集合 不失真 相对较小
计算机显 示的时间

图形越复杂,需要越多 时间进行计算
*.bmp *.gif *.jpg 文件类型 *.tif *.psd
二、知识讲解
1.图像分辨率指图像的水平方向和 垂直方向的 像素 个数 。
2.图像量化位数指图像中每个像素记录颜色所用
的 二进制的位数 , 它决定了彩色图像可出现的最多颜色数,或 者灰度图像中的最大灰度等级数。
三、练习巩固
1.位图的图像质量主要由图像的( B )决定。 A.分辨率和显示器 B.分辨率和色彩位数 C.色彩位数和内存 D.分辨率和内存

2_位图和矢量图.ppt

2_位图和矢量图.ppt

2.矢量图
矢量图也称向量图。用点、直线或者多边形等基于数学方程的几何图元表 示图像。矢量图形最大的优点是无论放大、缩小或旋转等不会失真;最大的缺 点是难以表现色彩层次丰富的逼真图像效果。常用于图案、标志、VI、文字等 设计。常用软件有:CorelDraw、Illustrator。
二.位图与矢量图
1.位图 2.矢量图
计算机中的图像类型分为两大类,一类称为位图(点阵图),一 类称为矢量图。Photoshop主要用来处理位图。
1.位图
位图也叫做点阵图 ,由像素组成,每个像素都有固定的颜色值。位图图 像可以表现出丰上以较 大的倍数放大显示图像,会出现锯齿边缘。

3.2.2位图图像与矢量图像

3.2.2位图图像与矢量图像

8、静态图像压缩标准JPEG(Joint Photographic Experts Group)联合图像专家组。
知识拓展:
压缩算法
有失真的压缩算法:有失真算法中以期达到质量损失不大而 又保证高压缩比的效果。
无失真的压缩算法:无失真时其压缩率比较低。
(3)在既要保证图像传输的质量又要高压缩率的目标下,又公布了 JPEG2000标准。
效果
齿状,效果不太好。
计算机显 示 所 需 的 与文件大小有关,较快。 时间
图形的产生需要计算时间,图形越复杂,要求 越高,所需要的时间就越多。较慢。
构成
由像素构成,分辨率固定。 以指令集合的形式描述。
画图软件或 Photoshop 软件保
软件
CorelDRAW 、AutoCAD、Illustrator
4位 24 =16种颜色
16位:
216 =65536种颜色
32位: 232 =4294967296种颜色
学生计算:一幅分辨率为1024 ×768、二进制颜色位数为16 位的图像,在计算机中的容量是多少?
解:(1024 ×768)×16÷8 = 1572864(B)=1536(KB)
5、位图图像文件的大小计算公式: 文件的字节数 = 图像分辨率 ×
图像量化位数÷8
=(X方向的像素数×Y方向的像素数) ×二进制颜色位数÷8 例1、一幅分辨率为640 × 480的量化位数为8位的图像,占多大 存储空间? 解:(640×480)×8÷8=307200(B) = 300(KB)
知识拓展:
6、矢量图形:*.cdr
7、矢量图形的特(2)矢量图形需要的存储量较小; (3)矢量图形在调整其大小或更改其颜色时不会降低图形的品质。 (4)图形的产生过程需要进行时间的计算,图形越复杂,所需的 时间也就越长。

3.2.2位图图像与矢量图像

3.2.2位图图像与矢量图像

一、基本概念——位图与矢量图
什么是矢量图?
什么是位图?
• 也叫做向量图,是由电脑 通过运算文件所记录的函 数公式,得到的图像,简 单地说,就是缩放不失真 的图像格式。
• “图形”
• 也叫做点阵图,像素图, 是由确定方位的像素点, 记录的不同色彩信息所组 成的图像,简单地说,就 是最小单位由像素构成的 图,缩放会失真。
为了方便图像的编辑,将图像中的各个部分独立起来,对任 何一部分的编辑操作对其它部分不起作用。
上图实际上是由多个图层合成的一张成品稿。
Photo Shop常用术语介绍
• 滤镜:
利用摄影中滤光镜的原理对图像进行特殊的效果编辑。虽然 其源自滤光镜,但在PS中将它的功能发挥到了滤光镜无法比 拟的程度,使其成为PS中最神奇的部分。
位图与矢量图
我是矢量图
我不怕 被放大
位图与矢量图
我是位图
我放大 会模糊
我的象素点 不够了…
位图与矢量图
思考1:位图和矢量图Байду номын сангаас自有什么优缺点?
• 位图的优点:
• 矢量图的优点:
• 容易观看 • 色彩变化丰富 • 编辑上,可以改变任何形状的
轮廓的形状更容易修改和控制,
图像不因观看放大、缩小而模 糊。
• “图像”
• 像素:
像素是构成图像的最基本 元素,它实际上一个个独 立的小方格,每个象素都 能记录它所在的位置和颜 色信息。
图中每一个小方格就是 一个象素点,它记载着 图像的各种信息。
分辨率:在图像中,每单位长度上的像素数。 即:分辨率=像素数/该像素数所占的长度
分辨率是对位图而言的,对矢量图因为不是由 像素点组成,所以无意义。
• 位图的应用:

位图图像与矢量图形

位图图像与矢量图形

3.3.2 位图图像与矢量图形第一部分:单元教学设计首页一、制定教学目标的依据1.课标要求与教材分析课标要求:了解常见的多种媒体信息,如声音、图形、图像、动画、视频的类型、格式及其存储、呈现和传递的基本特征与基本方法。

学会适当地选择不同类型的媒体信息来表达主题内容的方法,掌握各种媒体信息在计算机中的表示。

教材分析:本章共两节内容,考虑到同学们在必修模块中已初步了解并加工过一些多媒体信息,对常见的多种媒体信息有了一定的认识,因此本章重点是学习第二节,而第二节是各种媒体信息在计算机中的表示,包括文本、图形、图像、音频、动画、视频在计算机中的表示,内容较多,所以将3.2中“文本信息在计算机中的表示”揉到3.1中进行教学,剩下的内容再分两课时完成。

第一课时讲解图形图像的数字化表示过程,了解位图与矢量图的类型、格式及其存储、呈现和传递的基本特征,第二课时来学习音频、动画和视频的数字化表示过程,了解其类型、格式及其存储。

3.2所涉及到的内容范围和深度是整个教材中较大的,但学生认识多媒体信息的类型、格式及其存储、呈现和传递的基本特征和基本方法是他们学习后续章节的必备基础,而此部分内容概念多且比较抽象,学习难度大,因此在教学中要通过类比、对比等教学策略化难为易、化繁为简,把握好深度和广度,以达到课标的要求。

2.学情分析在必修模块《信息的加工与表达(上)》一章中,同学们已初步了解并加工过一些多媒体信息,对于常见的多媒体信息的特点已有了初步的认识,并能根据实际问题选择适当工具进行表达与交流。

但对于各种媒体信息的格式及其存储、呈现和传递等的基本特征与基本方法和数据压缩技术等原理一片空白,需要进一步学习。

二、教学目标知识与技能:1.能根据实际情况和需要选用合适的媒体信息表达主题。

2.知道文本在计算机中的编码方式。

3. 知道位图图像和矢量图形的类型、呈现和传递信息的特征;能分辨位图与矢量图;理解图形图像的数字化;学会用公式计算位图图像文件大小。

3.2.2位图图像与矢量图像

3.2.2位图图像与矢量图像
广告徽标、标识设计和工业辅助设计等
4、图形的产生过程需要进行时间的计算 图形越复杂,所需的时间就越长。
失量图形与图像区别: 1、位图的放大和缩小出现失真,图形不 失真
位图
矢量图
图形与图像区别:
2、图像存储文件,数据量过大
位图的数据量不仅与色彩深度有关,还与图像 的分辨率有关。因此,由图像分辨率和图像的 色彩深度可决定该图像的文件大小。
位图图像
• 位图也称为点阵图像。在计算机中的一幅位图图 像可以理解为一个矩阵,该矩阵由若干个排列成 行、列的点构成,这些点被称为像素。像素是构 成位图图像的最小单位,它记录了图像中每一点 上颜色、亮度等信息。
(一)位图图像及其数字化原理
由许多有颜色的点组成的点阵图,构成位图的点称 为像素(Pixel),类似“十字绣”。
分辨率:
水平方向和垂直 方向像素个数的
乘积
图像数字化原理:
把每个点的颜色的二进制编码记录 下来
两个步骤: 1、记录每个点 的颜色, 2、把颜色数字 化:用二进制给 颜色编码
1、将图转变成0和 1的编码 (图象的输入) 2、将0和 1的编码还原成图象 (图象的输出)
图像特点?
像素的数字化
图像中每个像素的特点?
根据压缩的质量,分为:
无损压缩:能还原成与压缩前完全一致的压缩
由于无损压缩只是对数据本身进行优化,故压缩 率有限,大约在2:1-5:1之间。
广泛应用于文本、程序图象数据的压缩。
有损压缩:利用了人眼对图像某些变化的不敏感性而对
图像进行的压缩,有损压缩改变了原始图像,使得还原 后的内容与原始的不一致,但观察者并不会明显感觉到 图像的变化。
广泛应用于语音、图象和视频数据的压缩

3.2.2位图图像与矢量图像

3.2.2位图图像与矢量图像
PNG:与JPG格式类似,网页中很多图片都是这种格式,支持图 像透明。
TIFF:可以制作质量非常高的图像,因而经常用于出版印刷。
THE END
一、位图图像与矢量图形
两 分辨率越大,图像越细腻,越清晰。

推 量化位数越大,图像颜色越丰富,越接

近于真实。
文 图像大小=分辨率×量化位数÷8
件 分辨率=X方向的像素数*

Y方向的像素数
小 1Byte=8bite 1KB=1024B
计 1MB=1024KB

1GB=1024MB 1TB=1024GB
位图图像与矢量图形
一、位图图像与矢量图形
图像:是多媒体技术中最重要的信息表现形式之一, 它是决定一个多媒体软件视觉效果的关键因素,主要指静 止的图像。
矢量图形,简称图形(Graphic) 位图图像,简称图像(Image)
一、位图图像与矢量图形
图形:通常由点、线、面、体等几何元素和灰度、色彩、 线型、线宽等非几何属性组成。从处理技术上来 看,图形是由线条组成,如工程图、等高线地 图、曲面的线框图等。
像 可决定该图像的文件大小。 的




一、位图图像与矢量图形
BMP:Windows系统下的标准位图格式,未经过压缩,这种图 像文件比较大。平时我们用画图程序画出的图形的格式就是这 一种。 JPEG(JPG):应用最广泛的图片格式之一,这种图片是经过
几 压缩而来的,文件较小,便于在网络上传输,网页上大部分图 种 片就是这种格式。 图 GIF:分为静态GIF和动画GIF两种,“体型”娇小,网上很多小 形 动画都是GIF格式。GIF其实是将多幅图像保存为一个图像文件, 类 从而形成的动画。 型 PSD:图像处理软件Photoshop的专用图像格式,图像文件较大。

3.2.2位图图像与矢量图像

3.2.2位图图像与矢量图像
常见的矢量图形格式:WMF、CDR等。
图形的产生过程需要进行时间的计算,图形越复杂,所需时 间越长。
归纳总结
比较内容 表现内容
存储空间
放大缩小的 效果 计算机显示 时间 构成
位图图像
矢量图形
比较内容 表现内容
存储空间 放大缩小的
效果
计算机显示 时间
位图图像
矢量图形
色彩较丰富表达复杂的自然风光,适 色彩单调表达线条、色块,
颜色数量 2种 16种
256种 65536种 16672216种
图像名称 黑白图像 16色图像 256色图像 高彩色图像 真彩色图像
量化位数8位,分辨率1024×768的图像的大小为
1024×768×8/8=786432(B)=768(KB)
矢量图形
矢量图形是以指令集合的形式来描述的,这些指令描 述了一幅图中包含的基本图形,如直线、圆、弧线、 矩形等。
合照片
适合线框型美术作品
较大
较小
将丢失其中的细节,并呈现锯齿 状
放大不会失真
与文件大小有关
图形的产生需要计算 时间,图形越复杂, 要求越高,所需的时 间就越多
构成
像素构成,分辨率固定
指令描述
练习:
1、如果一幅图放大时会模糊不清,我们判断这幅图
可能是:__________
2、图像分辨率越大和量化位数越高,则图像越
看一看
用图片查看器进行查看,对这些图片从以下几个方 面进行归类,看看这些图片都有什么特点。
放大后效果 文件 大小
表现的内容
结论
比较项目
文件后缀名(一个或多个)
1、会呈现锯齿状
2、保持原有效果不变 3、<30KB 4、>30KB 5、色彩丰富 6、色彩较单调 7、内容多为复杂的自然风光
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
Flash动画采用的是矢量图形 特征:放大、缩小或拉伸后依然清晰,不易失真,存储容量小,适合描述较
简单的图形,主要用于工业制图等。 常见格式有:WMF、EMF、CDR……
位图图像
图像像点
● 图像由基本显示单元“像素”构成 ● 像素由若干个二进制位进行描述 ● 二进制位代表图像颜色的数量 ● 二进制位与图像之间
例如,图像量化位数为8的灰度图像和索引图像颜色数为256色, 即每个像素至少有8个颜色位,这时点阵图可支持256种不同的颜色
8位二进制
可表示28(256)种颜色
图像文件的大小
位图图像文件的大小可以通过以下的方法计算:
X方向的像素数×Y方向的像素数
文件的字节数=图像分辨率×图像量化位数/8
二进制颜色位数
位图图像与矢量图形
大家来找茬
大家来找茬
图1
图2
后缀名
文件大小
放大后的效果
(看老师演示)
大家来找茬
后缀名 文件大小 放大后的效果
(看老师演示)
图1 .bmp 179KB 变得模糊 , 容易失真
图2 .wmf 7.74KB 依然清晰 , 不易失真
被计算机接受的数字图像有
位图图像:图像(Image) 矢量图形:图形(Graphic)
一幅图像分辨率为640 ×480,量化位数为8位图像,其文件的大小为
( 640 ×480 ×8 )/8=307200(B)
1KB=1024B
307200/1024=300KB
文件大小的表示
1bit位 1Byte字节 1B=8b 1KB=1024B 1MB=1024KB 1GB=1024MB 1TB=1024GB
存在严格的“位映射”关系 ● 具有位映射关系的图叫作“位图”
8bit ( 28 = 256色 ) 16bit ( 216 = 65536色 ) 24bit ( 224 = 16M色 )
● 8位图像 ● 16位图像 ● 24位图像
● “位图”特指图像
.位图图像具有以下特点:
1.文件所占的存储空间大,对于高分辨率的彩色图像,用位图存储所需的 储存空间较大,像素之间独立,所以占用的硬盘空间.内存和显存比矢量 图都大. 2.位图放大到一定倍数后,会产生锯齿.由于位图是由最小的色彩单位" 像素点"组成的,所以位图的清晰度与像素点的多少有关. 3.位图图像在表现色彩,色调方面的效果比矢量图更加优越,尤其在表现 图像的阴影和色彩的细微变化方面效果更佳. 特征:放大、缩小或拉伸后易失真,存储容量大,色彩非常丰富,适合 于复杂图像 常见格式有:JPEG、PNG、PSD、BMP、GIF、TIFF……
作业:
1、概述位图图像与矢量图形的特点和区别。
2、图像分辨率为600×800,量化位数为8位的图像文 件大小为多少(单位MB)? 3、小明存有10000张分辨率为1000×800的真彩(32 位)的第二次世界大战的珍贵历史图片,他想将这些 图片刻录到光盘上,假设每张光盘可以存放600MB的 信息,小明需要多少张光盘?
●图像:直接量化的原始信号形式
●图形:运算形成的抽象化产物
● 图像的最小单位是像素 ● 用于表现自然影像
● 图形由具有方向和长度的 矢量表示
● 用于设计图形、标识、模型等
位图图像放大 后失真
矢量图形放大 后不失真
矢量图 形
矢量图是以指令集合的形式来描述的。这些指令描述了一幅图中所包含的基 本图形,如直线、圆、弧线、矩形等的大小和形状,也可以用更为复杂的形 式表示图形中曲面、光照、材质等效果。
位图图像与矢量图形的区别
位图(image)图像
矢量(picture)图形
文件大小
颜色
放大
用途
格式
位图图像与矢量图形的区别
位图(image)图像
矢量(picture)图形
文件大小 大

颜色 丰富逼真ห้องสมุดไป่ตู้
不够丰富
放大 放大后出现锯齿状
放大后不变
用途 记录色彩逼真的自然影像 商标,广告
格式
*.Bmp、*.jpg、*.gif、 *.Cdr、*.wmf等 *.tif等
相关文档
最新文档