![[教材]位图图像与矢量图形](https://img.doczj.com/img18/12tftqq0opxnhd078b5q0wdu8d2f9fa8-81.webp)
![[教材]位图图像与矢量图形](https://img.doczj.com/img18/12tftqq0opxnhd078b5q0wdu8d2f9fa8-12.webp)
[教材]位图图像与矢量图形
3(3(2 位图图像与矢量图形
第一部分:单元教学设计首页
一、制定教学目标的依据
1(课标要求与教材分析
课标要求:
声音、图形、图像、动画、视频的类型、格式及其存储、了解常见的多种媒体信息，如
呈现和传递的基本特征与基本方法。
学会适当地选择不同类型的媒体信息来表达主题内容的方法，掌握各种媒体信息在计算机中的表示。
教材分析:
本章共两节内容，考虑到同学们在必修模块中已初步了解并加工过一些多媒体信息，对常见的多种媒体信息有了一定的认识，因此本章重点是学习第二节，而第二节是各种媒体信息在计算机中的表示，包括文本、图形、图像、音频、动画、视频在计算机中的表示，内容较多，所以将3.2中“文本信息在计算机中的表示”揉到3.1中进行教学，剩下的内容再分两课时完成。第一课时讲解图形图像的数字化表示过程，了解位图与矢量图的类型、格式及其存储、呈现和传递的基本特征，第二课时来学习音频、动画和视频的数字化表示过程，了解其类型、格式及其存储。
3.2所涉及到的内容范围和深度是整个教材中较大的，但学生认识多媒体信息的类型、格式及其存储、呈现和传递的基本特征和基本方法是他们学习后续章节的必备基础，而此部分内容概念多且比较抽象，学习难度大，因此在教学中要通过类比、对比等教学策略化难为易、化繁为简，把握好深度和广度，以达到课标的要求。
2.学情分析
在必修模块《信息的加工与表达(上)》一章中，同学们已初步了解并加工过一些多媒体信息，对于常见的多媒体信息的特点已有了初步的认识，并能根据实际问题选择适当工具进行表达与交流。但对于各种媒体信息的格式及其存储、呈现和传递等的基本特征与基本方法和数据压缩技术等原理一片空白，需要进一步学习。
二、教学目标
知识与技能:
1(能根据实际情况和需要选用合适的媒体信息表达主题。
2(知道文本在计算机中的编码方式。
3. 知道位图图像和矢量图形的类型、呈现和传递信息的特征;能分辨位图与矢量图;理解图形图像的数字化;学会用公式计算位图图像文件大小。
4. 理解模拟音频数字化的过程，学会用公式计算音频文件大小。
5. 知道动画、视频是由图形图像一帧帧构成的;能根据实例区分有损压缩与无损压缩，静态压缩标准与动态压缩标准。
过程与方法:
1(在教师的启发引导下，学生通过类比、比较、合作探究、交流讨论等活动理解图形图像的数字化过程，知道位图图像文件大小的计算公式，分辨图形图像。
2(学生通过“两只老虎”简谱的采样活动，理解模拟音频数字化的过程，知道声音文件大小的计算公式。
3(学生通过观看动画和视频，教师分解动画、视频，从原理上认识动画、视频。
情感态度价值观:
在活动中提高分析问题能力，体验交流的乐趣。第二部分:课时教学设计首页
一、课时教学目标
知识与技能目标:
1(知道位图图像和矢量图形的类型、呈现和传递信息的特征，能分辨位图与矢量图。
2(理解图形图像的数字化过程，学会用公式计算位图图像文件大小。
3(能区分有损压缩与无损压缩，初步了解静态图像压缩标准。
过程与方法目标:
在教师的启发引导下，学生通过类比、比较、合作探究、交流讨论等活动掌握图形图像的数字化过程，知道位图图像文件大小的计算公式，了解图形图像间的区别。
情感态度价值观:
学生在合作探究和讨论过程中，体验交流的乐趣，进一步提高分析问题和总结归纳的能力。
二、教学重点与难点
重点:
1(理解位图图像和矢量图形的数字化过程。
(学会用公式计算位图图像文件大小 2
3(分辨位图图像和矢量图形
难点:
理解位图图像和矢量图形的数字化过程。
三、教学方法与手段
方法:讲授法、任务驱动法、基于问题教学法、活动探究法
教学资源:十字绣作品《牡丹图》、桃心和体育馆图片资料、画图程序
四、使用教材的构想
由于图像分辨率等概念比较枯燥，学生难以理解，因此借用学生常见的十字绣作品来帮助学生类比理解位图图像的特征，并采用桃心放大效果的不同对比教学突破重点，通过活动探究化解难点，从而使学生更好地认识图形图像的类型、存储和呈现的不同，理解图形图像数字化的过程。
第三部分:教学流程
一、提出问题、导入新课(1分钟)
教师行为:课件投影图片——桃心
教师提出问题:你们认为该图片是图形还是图像,
学生可能有的答案:图形
教师语言:恰恰相反，这张图片是图像。区分图形图像不能单从表面上去判断，如何来分辨图形图像呢，它们各有什么特点呢,今天让我们一起走进——3.2.2位图图像与矢量图形。
【本环节设计意图】从学生的认知冲突入手启发他们对图形图像的思考。
二、对比观察，认识位图图像和矢量图形(12分钟)
教师语言:被计算机接受的数字图像分为:位图图像和矢量图形，刚才同学们所说的图形和图像只是一种简称，有时人们也称位图图像叫位图，称矢量图形叫矢量图。
第一步:任务驱动、发现问题
教师行为:布置任务
在桌面学案资料中有两张图像“桃心.jpg”和“桃心.wmf”，请同学们用图任务要求:
片传真器打开两张图像并放大，观察两张图像被放大后有什么不同,
学生行为:上机操作，完成任务，发现“桃心.jpg”被放大后出现模糊现象，而“桃心.wmf”没有变形。
教师点拨总结:“桃心.jpg”被放大后出现模糊现象，仔细观察，会发现在边缘部分出现马赛克似的小方块现象，而“桃心.wmf”没有变形。
【设计意图】让学生在任务中发现问题:看似相同的图像被放大后出现不同的效果，设置悬念，为后面分辨位图图像与矢量图形做铺垫。
第二步:十字绣类比，认识位图图像
教师行为:拿出一幅十字绣，要求前排学生和最后一排学生观看，并描述你们看到的结果。
前排学生描述:看到由一些不同颜色的方块组成了一幅牡丹图。
后排学生描述:看到一幅风景秀丽的牡丹图。
教师点拨:前排学生相对于后排学生来说，相当于放大了我的十字绣，放大后就看到牡丹图是由不同颜色的方块组成，这就类似于“桃心.jpg”被放大后，在边缘出现马赛克似的小方块现象。
学生行为:对比分析“桃心.jpg”和十字绣，“桃心.jpg”和十字绣有相似之处，都是有很多个小方块组成的。
教师总结:十字绣是有若干个点来构成，位图图像也是如此，我们把“桃
心.jpg”中的方块点称为像素点，由像素点构成的图像就叫位图图像，把图像水平方向与垂直方向的像素个数称为位图图像的分辨率，它也就决定了图像的长和宽。
【设计意图】位图的特点和十字绣特别相似，借用学生常见的十字绣来类比既调动了学生的学习兴趣，也启发了学生对位图图像的构成及其分辨率的理解。
第三步:探究原因，认识矢量图形
教师提出问题:为什么“桃心.wmf”放大后没有变形呢,
学生同桌讨论: “桃心.wmf”是图形，是一个几何形状。
教师语言:同学们说的很对，“桃心.wmf”是一个矢量图形，那为什么矢量图形缩放变形后不会失真呢,
教师投影图片:
教师引导:从上图中可以看出，矢量图是通过数学方法计算对象的轮廓线和填充属性来描述图形的，跟分辨率无关。换句话说，矢量图形用一组指令集合来描述的，这些指令用来描述构成一幅图的所有直线、圆、矩形、曲线等的位置、形状、维数和颜色等各种属性和参数。显示时，需要相应的软件读取、解释这些指令，并将其转换为屏幕上所显示的形状和颜色。
矢量图是用数学方法描述的一系列点、线、弧和其他几何形状。比如桃心的数学表达方式为:x~2+y~2+ax=a(x~2+y~2)~1/2(~后面的数均为指数)，成比例的缩小和放大都不会变形。
【设计意图】举例三角形在坐标系中的表示和桃心的数学表达方式，让学生能够进一步理解矢量图是用数学方法描述，与分辨率无关。
第四步:拓展知识，分辨位图图像和矢量图形
教师语言:分辨位图图像和矢量图形的另一个方法是看图像文件的扩展名。
学生行为:自学学案资料——《图形图像文件格式》【设计意图】从另一个角度让学生学会分辨位图图像和矢量图形。
第五步:师生互动，了解位图图像和矢量图形的应用
教师提问:结合刚才所讲的图形图像的特点，思考在生活中什么场合用到位图图像，什么适合用矢量图形,
学生行为:四人一组，讨论交流
学生代表发言:矢量图形放大后不变形，可用在商标、广告上，而图像常用在照片上。
教师总结:图像的颜色非常逼真，常用在记录自然影像方面，而矢量图是利用数学方法描述的图形，不管放到多大，图片都是清晰的，因此常用在商标设计、插画、广告等行业。
【设计意图】让学生学以致用，了解位图图像和矢量图形在生活中的应用。
三、活动探究，突破难点——图形图像数字化(19分)
第一步:矢量图形的数字化过程
敦煌图案矢量图
教师行为:投影《敦煌图案》矢量图，思考在计算机中是如何来存储矢量图形的呢,
学生行为:结合所学数学知识，小组讨论交流，矢量图形是采用数学方法存储图形的。
教师点拨:前面我们了解到矢量图是通过数学方法计算对象的轮廓线和填充属性来描述。《敦煌图案》矢量图可以分解为叶、花瓣、花茎等图形，叶、花瓣、花茎又可分解为一系列最简单的无法再分解的由点、线、面等组成的子图，矢量图通过记录这些子图的轮廓形状、线条粗细、色彩及它们的组合方式来描述花的形状。矢量图形存储的数据主要是绘制图形的数学描述，由于矢量图形可通过数学公式计算获得，因此，生成的文件存储容量很小。
【设计意图】前面知识已有铺垫，学生通过讨论交流能自己总结并理解矢量图形数字化的过程。
第二步:位图图像的数字化过程
教师提出问题:位图图像是由像素构成，每个点有它的位置和颜色，它在计算机中又是如何存储的呢,
学生思考后回答:存储每个像素点的位置和颜色。
教师小结:多媒体信息在计算机中都是以二进制形式来存储，图像也不例外，我们将记录像素点颜色的二进制位数称为图像量化位数。
教师要求思考:如果用16位二进制来存储一幅图像的颜色，颜色值有多少, 学生行为:在教师引导下同桌讨论并计算:
16位(每位取值:0或1)
16 得出结论颜色值: 2=65536
教师小结:记录像素点颜色的二进制位数越多，可表示的颜色数就越多，图像色彩就越逼真。
【设计意图】引导学生利用已学过的排列组合等数学知识进行计算，促进学生知识的迁移，并使其充分认识到数学知识的应用价值，进而积极主动学习数学课程。
第三步:活动探究，学会应用位图图像文件大小的计算公式
学生以小组形式通过两个活动来探究位图图像的大小与什么因素有关。
活动一:
活动内容:用“画图”程序打开24位位图“体育馆.bmp”，选择“图像\属性”，将图像大小由原来的480*360像素更改为800*600像素，并保存修改后的图片。
活动要求:观察前后两张图片的大小，讨论图片的大小与什么因素有关。
活动二:
活动内容:用“画图”程序打开24位位图“体育馆.bmp”，选择“文件\另存为”，文件类型选择“16色位图”。
活动要求:观察前后两张图片的大小和图像的呈现效果，讨论图片的大小与什么因素有
关。
学生行为:上机操作，通过活动探究比较和讨论交流，得出结论:图像分辨率越大，图像文件的存储容量就越大;图像量化位数越大，图像文件就越大，图像的品质也越好。
【设计意图】通过活动探究让学生进一步了解图像分辨率的概念，知道图像文件的大小与图像分辨率和图像量化位数有关。
教师行为:投影展示位图图像文件大小计算公式
文件的大小(字节数)=图像分辨率*图像量化位数/8
教师提出问题:为什么公式中要除以8呢,
教师点拨:1个字节是计算机中最小的存储单元，而1B(字节)=8位(bit)，图像量化位数/8后，公式计算出的文件大小的单位就是字节。
10203040学生计算:1TB=2GB=2MB=2KB=2B
[练一练]:计算“体育馆.bmp”文件的大小，它的分辨率是480*360，图像量化位数为24，该图像占多大存储空间,对比文件的实际大小，看是否相符, 学生计算:480*360*24/8=518400B=506Kb
“体育馆.bmp”文件的实际大小和公式计算的大小相等
【设计意图】通过教师的点拨，解决了学生对于惯见的存储容量的混淆，使学生准确把握位图图像文件大小的计算公式，并通过练习掌握位图图像文件大小的计算公式。
四、设置悬念，引出静态图像压缩标准JPEG(6分)
第一步:设置悬念，引出下文
教师行为:出示“体育馆.jpg”，通过图片的属性查看图像分辨率也是
480*360，图像量化位数也是24位，现要求学生计算该图片的大小，并对比文件的实际大小，看是否相符。
学生行为:通过公式计算该图片大小应为480*360*24/8=518400B=506Kb，而“体育馆.jpg”的实际大小比用公式计算的结果小很多。
教师提问:为什么会出现这样的结果呢,
学生可能给出的答案:体育馆.jpg可能经过了压缩。
教师讲解:“体育馆.jpg”是经过压缩后的图像，压缩标准就是著名的静态图像压缩标准JPEG。
【设计意图】本环节借助学生的疑问自然引入了静态图像压缩标准。
第二步:教师引导，学生自学
学生行为:自学学案资料——静态图像压缩标准JPEG
教师提出问题:结合十字绣的特点，用自己的语言描述静态图像压缩原理
学生回答:十字绣中相邻的像素点颜色相同，在存储时就不必一一存储了，可记录他们的位置和共同的颜色值，图像占用的存储空间自然减少。
教师提出问题:静态图像压缩方法有几种,
学生回答:分为无损压缩和有损压缩，无损压缩是采用某种算法表示重复的数据信息，有损压缩是去除图像中重复或不重要的资料丢失。
教师总结:JPEG是Joint Photographic Experts Group(联合图像专家组)的缩写，JPEG 的最新标准是JPEG 2000，既支持无损压缩，也支持有损压缩。
【设计意图】图像压缩标准枯燥晦涩，借助十字绣的特点帮助学生理解压缩原理和冗余信息，通过十字绣的启发学生能较快吸收消化图像压缩原理和方法。五、归纳总结，加深理解(2分钟)
教师行为:打开学案资料——位图图像与矢量图形的区别，填写表格
学生行为:完成表格
教师补充，示例如下:
位图图像与矢量图形的区别
位图(image)图像矢量(picture)图形
文件大小大小
颜色丰富逼真不够丰富
放大放大后出现锯齿状放大后不变
用途记录色彩逼真的自然影像商标，广告
格式 *.Bmp、*.jpg、*.gif、*.tif等 *.Cdr、*.wmf等课堂检测(5分) 1(如果一幅图像放大时会模糊不清，我们判断这幅图像可能
是:___________________
2(在Powerpoint或Word软件中就有矢量图像，我们可以在什么菜单中找到, ____________________________________________________________________ _______
3(一张容量为640M的光盘，可以贮存( )张分辨率为1024*768的真彩(24位)相片。
A(568 B(284 C(1137 D(以上都不是
4. 若一幅图像的分辨率是512*384，计算机屏幕分辨率是1024*768，则该图像按100%显示，占据屏幕的几分之几,若一幅图像的分辨率是2272*1704，计算机屏幕分辨率是1024*768，要全屏幕显示整幅图像，则该图像显示比例是百分之几,(有兴趣有能力的同学完成)
第四部分:课时教学设计尾页
一、板书设计
3(2.2位图图像与矢量图形
位图图像与矢量图形的区别
位图(image)图像矢量(picture)图形
文件大大小
小
颜色丰富逼真不够丰富
放大放大后出现锯齿状放大后不变
用途记录色彩逼真的自然影像商标，广告
格式 *.Bmp、*.jpg、*.gif、*.tif*.Cdr、*.wmf等
等
二、教学反思
本节课在教师启发引导下，通过将图像和十字绣类比讲解，学生比较容易理解图像数字化的过程，同时采用活动探究法，学生能积极主动参与到课堂活动中，将理性认识通过实践得到印证，加深了对图像数字化原理的理解。另外通过桃心放大效果的不同对比教学，激发了学生学习的兴趣，使学生对位图图像和矢量图形有了
深入的认识。不足之处是图像压缩标准过于枯燥晦涩，加上课堂时间有限，学生在教师引导下仅通过自学学案不能深入理解，还需学生课后再去搜索查阅资料，深入探究。
教师简介
孙淑彦，中教二级，太原市第五十六中学校一名普通教师，现担任学校初二、高一和高二三个年级所有的信息技术课。在教学中注重结合学校和学生的实际情况，制定符合学生认知规律的教学方法及教学形式，通过案例分析、故事引导、分组探究、操作体验等方式极大调动了学生学习的积极性和主动性。另外还经常组织学生小组活动搞制作，培养学生的创新和实践动手能力，曾在第七界宋庆龄少年儿童发明活动荣获“优秀科技辅导教师奖”的荣誉称号。
位图和矢量图区别 位图和矢量图区别位图和矢量图是计算机图形中的两大概念，这两种图形都被广泛应用到出版，印刷，互联网[如flash和svg]等各个方面，他们各有优缺点，两者各自的好处几乎是无法相互替代的，所以，长久以来，矢量跟位图在应用中一直是平分秋色。位图[bitmap]，也叫做点阵图，删格图象，像素图，简单的说，就是最小单位象素构成的图，缩放会失真。构成位图的最小单位是象素，位图就是象素阵列的排列来实现其显示效果的，每个象素有自己的颜色信息，在对位图图像进行编辑操作的时候，可操作的对象是每个象素，我们可以改变图像的色相、饱和度、明度，从而改变图像的显示效果。举个例子来说，位图图像就好比在巨大的沙盘上画好的画，当你从远处看的时候，画面细腻多彩，但是当你靠的
非常近的时候，你就能看到组成画面的每粒沙子以及每个沙粒单纯的不可变化颜色。矢量图[vector]，也叫做向量图，简单的说，就是缩放不失真的图像格式。矢量图是通过多个对象的组合生成的，对其中的每一个对象的纪录方式，都是以数学函数来实现的，也就是说，矢量图实际上并不是象位图那样纪录画面上每一点的信息，而是纪录了元素形状及颜色的算法，当你打开一付矢量图的时候，软件对图形象对应的函数进行运算，将运算结果[图形的形状和颜色]显示给你看。无论显示画面是大还是小，画面上的对象对应的算法是不变的，所以，即使对画面进行倍数相当大的缩放，其显示效果仍然相同[不失真]。举例来说，矢量图就好比画在质量非常好的橡胶膜上的图，不管对橡胶膜怎样的常宽等比成倍拉伸，画面依然清晰，不管你离得多么近去看，也不会看到图形的最小单位。从下面的图中，我们很容易可以看出位图和矢量图的区别。
位图转换矢量图的二种方法 1.将书本上的图片进行扫描，得到如图a，看起来有点粗糙，怎么办？ 2.用photoshop将图片打开，将图片模式改变为索引模式，改成如图b的设置。怎么样，图片是不是只有两种颜色了？这样才能便于色彩的选择。 3.在色彩范围里用吸管吸取梅花外面任意一个地方，如图c，按“好”按钮
4.就可以得到如图d，这样只仅仅选择的是梅花外轮廓。 5.反选“或者按快捷键ctrl+shift+i 得到图e：
6.打开路径面板，并点击“从选区建立工作路径”按钮，见图f： 7.将此文件输出为路径，文件命名为meihua.ai 8.打开coreldraw软件，将刚才保存的。ai 文件导入进来，咦？为什么导入进来什么都没有呀？不用急，点取轮廓工具按钮并点取“细线轮廓”，出来了吧！一个崭新的矢量图就这样完成了。随便怎么放大都很清晰，特别适合做图形、图案以及电脑刻绘的朋友们。试一试吧！！
用Freehand实现位图矢量化 目前矢量图的运用越来越广泛，特别是对于喜欢Flash动画的闪客来说，完成一个好作品经常需要大量精美的矢量图片。如果你善于手绘，那当然最好了，可毕竟不是每个人都能画得很好，而网上能找到的现成的矢量图片并不多，所以很多人会选择采用把位图转化为矢量图的方法。目前可以完成这项工作的软件很多，今天我们就试试Freehand内置的trace工具来实现位图到矢量图的转化工作。 首先要把需要转化的位图导入Freehand，请使用Import命令，当出现直角符号的时候，在作图区点击一下就行了。如果你是新建的空白文件的话，位图会导到Foreground层，有必要的话先调整好位置，为了防止以后不小心移动它，请先把位图所在层锁起来，然后点击层面板右上方的黑色三角形在Foreground层上面新建一层，这一层用来单独放置转化后的矢量图。（现在层面板的情况如图） 这里我导入了一幅桃花的图片来做实验。看到浮动工具栏上魔术棒样子的图标了吗？它就是trace工具，点击它后直接在位图上方拖曳出一个区域，区域所包含的位图将被转化为矢量图，如果你象我现在这样需要转化整张图片的话，只要使拖动的区域覆盖整张图片就可以了。整个转化时间根据图形的复杂程度和你的机器配置来看，象这张比较简单的图像几乎没什么延迟就出来结果了，你现在看到的是密密麻麻的节点，到底效果怎么样还看不清楚，请将Foreground暂时隐藏，然后按住Ctrl在空白处点击一下。现在看到最后效果了吧，请对比下原始位图和这张采用默认设置转化的矢量图，效果非常不错吧？
位图图像和矢量图形 计算机中显示的图形一般可以分为两大类——位图和矢量图。 一、位图(Bitmap) （1）何谓位图及位图的特性？ 与下述基于矢量的绘图程序相比，像Photoshop 这样的编辑照片程序则用于处理位图图像。当您处理位图图像时，可以优化微小细节，进行显著改动，以及增强效果。位图图像，亦称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增多单个像素，从而使线条和形状显得参差不齐。然而，如果从稍远的位置观看它，位图图像的颜色和形状又显得是连续的。由于每一个像素都是单独染色的，您可以通过以每次一个像素的频率操作选择区域而产生近似相片的逼真效果，诸如加深阴影和加重颜色。缩小位图尺寸也会使原图变形，因为此举是通过减少像素来使整个图像变小的。同样，由于位图图像是以排列的像素集合体形式创建的，所以不能单独操作（如移动）局部位图。 （2）位图的文件格式 位图的文件类型很多，如*.bmp、*.pcx、*.gif、*.jpg、*.tif、photoshop的*.pcd、kodak photo CD的*.psd、corel photo paint的*.cpt等。同样的图形，存盘成以上几种文件时文件的字节数会有一些差别，尤其是jpg格式，它的大小只有同样的bmp格式的1/20到1/35，这是因为它们的点矩阵经过了复杂的压缩算法的缘故。 （3）位图文件的规律 如果你把一组这样的文件存盘，你一定能发现有这样的规律： 1.图形面积越大，文件的字节数越多 2.文件的色彩越丰富，文件的字节数越多 这些特征是所有位图共有的。这种图形表达方式很象我们在初中数学课在坐标纸上逐点描绘函数图形，虽然我们可以逐点把图形描绘的很漂亮，但用放大镜看这个函数图形的局部时，就是一个个粗糙的点。编辑这样的图形的软件也叫位图图形编辑器。如：PhotoShop、PhotoStyle、画笔等等。 二、矢量图(vector) （1）何谓矢量图及矢量图的特性？ 矢量图像，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。像Adobe Illustrator、CorelDraw、CAD等软件是以矢量图形为基础进行创作的。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。既然每个对象都是一个自成一体的实体，就可以在维持它原有清晰度和弯曲度的同时，多次移动和改变它的属性，而不会影响图例中的其它对象。这些特征使基于矢量的程序特别适用于图例和三维建模，因为它们通常要求能创建和操作单个对象。基于矢量的绘图同分辨率无关。这意味着它们可以按最高分辨率显示到输出设备上。 矢量图形与分辨率无关，可以将它缩放到任意大小和以任意分辨率在输出设备上打印出来，都不会影响清晰度。因此，矢量图形是文字（尤其是小字）和线条图形（比如徽标）的最佳选择。
[教材]位图图像与矢量图形 3(3(2 位图图像与矢量图形 第一部分:单元教学设计首页 一、制定教学目标的依据 1(课标要求与教材分析 课标要求: 声音、图形、图像、动画、视频的类型、格式及其存储、了解常见的多种媒体信息，如 呈现和传递的基本特征与基本方法。 学会适当地选择不同类型的媒体信息来表达主题内容的方法，掌握各种媒体信息在计算机中的表示。 教材分析: 本章共两节内容，考虑到同学们在必修模块中已初步了解并加工过一些多媒体信息，对常见的多种媒体信息有了一定的认识，因此本章重点是学习第二节，而第二节是各种媒体信息在计算机中的表示，包括文本、图形、图像、音频、动画、视频在计算机中的表示，内容较多，所以将3.2中“文本信息在计算机中的表示”揉到3.1中进行教学，剩下的内容再分两课时完成。第一课时讲解图形图像的数字化表示过程，了解位图与矢量图的类型、格式及其存储、呈现和传递的基本特征，第二课时来学习音频、动画和视频的数字化表示过程，了解其类型、格式及其存储。 3.2所涉及到的内容范围和深度是整个教材中较大的，但学生认识多媒体信息的类型、格式及其存储、呈现和传递的基本特征和基本方法是他们学习后续章节的必备基础，而此部分内容概念多且比较抽象，学习难度大，因此在教学中要通过类比、对比等教学策略化难为易、化繁为简，把握好深度和广度，以达到课标的要求。
2.学情分析 在必修模块《信息的加工与表达(上)》一章中，同学们已初步了解并加工过一些多媒体信息，对于常见的多媒体信息的特点已有了初步的认识，并能根据实际问题选择适当工具进行表达与交流。但对于各种媒体信息的格式及其存储、呈现和传递等的基本特征与基本方法和数据压缩技术等原理一片空白，需要进一步学习。 二、教学目标 知识与技能: 1(能根据实际情况和需要选用合适的媒体信息表达主题。 2(知道文本在计算机中的编码方式。 3. 知道位图图像和矢量图形的类型、呈现和传递信息的特征;能分辨位图与矢量图;理解图形图像的数字化;学会用公式计算位图图像文件大小。 4. 理解模拟音频数字化的过程，学会用公式计算音频文件大小。 5. 知道动画、视频是由图形图像一帧帧构成的;能根据实例区分有损压缩与无损压缩，静态压缩标准与动态压缩标准。 过程与方法: 1(在教师的启发引导下，学生通过类比、比较、合作探究、交流讨论等活动理解图形图像的数字化过程，知道位图图像文件大小的计算公式，分辨图形图像。 2(学生通过“两只老虎”简谱的采样活动，理解模拟音频数字化的过程，知道声音文件大小的计算公式。 3(学生通过观看动画和视频，教师分解动画、视频，从原理上认识动画、视频。 情感态度价值观: 在活动中提高分析问题能力，体验交流的乐趣。第二部分:课时教学设计首页 一、课时教学目标
点阵图(位图)与矢量图的区别 计算机绘图分为点阵图(又称位图或栅格图像)和矢量图形两大类，认识他们的特色和差异，有助于创建、输入、输出编辑和应用数字图像。位图图像和矢量图形没有好坏之分，只是用途不同而已。因此，整合位图图像和矢量图形的优点，才是处理数字图像的最佳方式。 一、点阵图(Bitmap) （1）何谓点阵图及点阵图的特性？ 与下述基于矢量的绘图程序相比，像Photoshop 这样的编辑照片程序则用于处理位图图像。当您处理位图图像时，可以优化微小细节，进行显著改动，以及增强效果。位图图像，亦称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增多单个像素，从而使线条和形状显得参差不齐。然而，如果从稍远的位置观看它，位图图像的颜色和形状又显得是连续的。由于每一个像素都是单独染色的，您可以通过以每次一个像素的频率操作选择区域而产生近似相片的逼真效果，诸如加深阴影和加重颜色。缩小位图尺寸也会使原图变形，因为此举是通过减少像素来使整个图像变小的。同样，由于位图图像是以排列的像素集合体形式创建的，所以不能单独操作（如移动）局部位图。 点阵图像是与分辨率有关的，即在一定面积的图像上包含有固定数量的像素。因此，如果在屏幕上以较大的倍数放大显示图像，或以过低的分辨率打印，位图图像会出现锯齿边缘。在图1中，您可以清楚地看到将局部图像放大4倍和12倍的效果对比。 现在就以下面的照片为例，如果我们把照片扫描成为文件并存盘，一般我们可以这样描述这样的照片文件：分辨率多少乘多少，是多少色等等。这样的文件可以用PhotoShop、CorelPaint等软件来浏览和处理。通过这些软件，我们可以把图形的局部一直放大，到最后一定可以看见一个一个象马赛克一样的色块，这就是图形中的最小元素----像素点。到这里，我们再继续放大图象，将看见马赛克继续变大，直到一个像素占据了整个窗口，窗口就变成单一的颜色。这说明这种图形不能无限放大。 （2）点阵图的文件格式 点阵图的文件类型很多，如*.bmp、*.pcx、*.gif、*.jpg、*.tif、photoshop的*.pcd、kodak photo CD的*.psd、corel photo paint的*.cpt等。同样的图形，存盘成以上几种文件时文件的字节数会有一些差别，尤其是jpg格式，它的大小只有同样的bmp格式的1/20到1/35，这是因为它们的点矩阵经过了复杂的压缩算法的缘故。 （3）点阵图文件的规律 如果你把一组这样的文件存盘，你一定能发现有这样的规律： 1.图形面积越大，文件的字节数越多 2.文件的色彩越丰富，文件的字节数越多
位图与矢量图以及颜色模式 位图和像素 计算机中显示的图形一般可以分为两在类——位图和矢量图。 位图图像又称为点阵图、栅格图像、像素图，它的概念主要是相对于矢量图而言的。构成位图的最小单位是像素，位图就是由像素阵列的排列来实现其显示效果的，每个像素有自己的颜色信息，在对位图图像进行编辑操作的时候，可操作的对象是每个像素，我们可以改变图像的色相、饱和度、明度、从而改变图像的显示效果。与矢量图不同，位图被缩放后会失真。 矢量图 矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等，它们都是通过计算机内部的数字公式计算获得的，所以矢量图形文件体积一般较小。矢量图形最大的优点是无论放大、缩小或旋转等都不会失真，这也是矢量图与位图最大的区别，即它不受分辨率的影响。Adobe公司的Freehand、Illustrator、Corel公司的Corel DRAW是从多矢量图形设计软件中的佼佼者。大名鼎鼎的Flash MX制作的动画也是矢量图形动画。 图像分辨率 图像分辨率，指图像中存储的信息量。这种分辨率有多种衡量方法，典型的是以每英寸的像素（PPi）来衡量，图像分辨率和图像尺寸（高宽的值）一起决定文件所占用的磁盘空间也就越多。图像分辨率以比例关系影响着文件的大小，即文件大小与其图像分辨率的平方
成正比。如果保持图像尺寸不变，将图像分辨率提高1倍，则其文件大小为原来的4倍。 颜色深度 简单地说,颜色深度就是最多支持多少种颜色。一般是用“位”来描述的。例如，一个图片支持256种颜色（如GIF格式），那么就需要256个不同的值来表示进制表示就是从00000000到1111111，总共需要8位二进制数，所以颜色深度是8。颜色深度越大，图片占的空间越大。 颜色模型和颜色模式 颜色模式决定了用于显示和打印图像的颜色模型，它决定了如何描述和重现图像的色彩。常见的颜色模型包括HSB（色相、饱和度、亮度）、RGB（红色、绿色、蓝色）、CMYK（青色、品红、黄色、黑色）和CIE Lab等。此外，有些软件也包括用于特别颜色输出的模式，如Grayscale（灰度）、Index Color（索引颜色0和Duotone(双色调)。
位图[bitmap]，也叫做点阵图，删格图像，像素图 位图文件格式 bmp文件 bmp（bitmap的缩写）文件格式是windows本身的位图文件格式，所谓本身是指windows 内部存储位图即采用这种格式。一个.bmp格式的文件通常有.bmp的扩展名，但有一些是以.rle为扩展名的，rle的意思是行程长度编码（runlengthencoding）。这样的文件意味着其使用的数据压缩方法是.bmp格式文件支持的两种rle方法中的一种。bmp文件可用每象素1、4、8、16或24位来编码颜色信息，这个位数称作图象的颜色深度，它决定了图象所含的最大颜色数。一幅1-bpp（位每象素，bitperpixel）的图象只能有两种颜色。而一幅24-bpp的图象可以有超过16兆种不同的颜色。 下一页的图说明了一个典型.bmp文件的结构。它是以256色也就是8-bpp为例的，文件被分成四个主要的部分：一个位图文件头，一个位图信息头，一个色表和位图数据本身。位图文件头包含关于这个文件的信息。如从哪里开始是位图数据的定位信息，位图信息头含有关于这幅图象的信息，例如以象素为单位的宽度和高度。色表中有图象颜色的rgb值。对显示卡来说，如果它不能一次显示超过256种颜色，读取和显示.bmp文件的程序能够把这些rgb值转换到显示卡的调色板来产生准确的颜色。 bmp文件的位图数据格式依赖于编码每个象素颜色所用的位数。对于一个256色的图象来说，每个象素占用文件中位图数据部分的一个字节。象素的值不是rgb颜色值，而是文件中色表的一个索引。所以在色表中如果第一个r/g/b值是255/0/0，那么象素值为0表示它是鲜红色，象素值按从左到右的顺序存储，通常从最后一行开始。所以在一个256色的文件中，位图数据中第一个字节就是图象左下角的象素的颜色索引，第二个就是它右边的那个象素的颜色索引。如果位图数据中每行的字节数是奇数，就要在每行都加一个附加的字节来调整位图数据边界为16位的整数倍。 并不是所有的bmp文件结构都象表中所列的那样，例如16和24-bpp，文件就没有色表，象素值直接表示rgb值，另外文件私有部分的内部存储格式也是可以变化的。例如，在16和256色.bmp文件中的位图数据采用rle算法来压缩，这种算法用颜色加象素个数来取代一串颜色相同的序列，而且，windows还支持os/2下的.bmp文件，尽管它使用了不同的位图信息头和色表格式。 pcx文件 .pcx是在pc上成为位图文件存储标准的第一种图象文件格式。它最早出现在zsoft公司的paintbrush软件包中，在80年代早期授权给微软与其产品捆绑发行，而后转变为microsoftpaintbrush，并成为windows的一部分。虽然使用这种格式的人在减少，但这种带有.pcx扩展名的文件在今天仍是十分常见的。 pcx文件分为三部分，依次为：pcx文件头，位图数据和一个可选的色表。文件头长达128个字节，分为几个域，包括图象的尺寸和每个象素颜色的编码位数。位图数据用一种简单的rle算法压缩，最后的可选色表有256个rgb值，pcx格式最初是为cga和ega来设计的，后来经过修改也支持vga和真彩色显示卡，现在pcx图象可以用1、4、8或24-bpp来对颜色数据进行编码。
透彻理解位图与矢量图的本质区别 PhotoShop四效快学教程之----先导常识部分 刘成煜著 2013-2-8 其实每个人都能轻松而透彻地理解位图与矢量图的本质区别 位图与矢量图的区别(为什么要再进行解释) 播放录像时按空格键暂停/继续播放 （关于位图与矢量图的区别，各种教材和网上解释的有很多，但是本人认为解释的都不到位，或者说不够通俗，一种让大众都可理解的通俗。没解释透彻对学习者就有一定的误导性或忽悠性。可以这样说：只要学习者曾有这样想法，即“想把他的照片转变为矢量图像，以达到放大照片就不失真的目的”，这就说明他曾在学习时没有真正透彻理解位图与矢量图的区别。） 顺便学习如何把一张位图转变为矢量图 1、区别之一，表现程度的区别： 、位图可以用来表现真实事物的真实且详尽的面貌。位图的分辨率越高就能表现得越详尽、越细腻。 如，表现某事物的质地、纹理、发丝、毛孔、颜色的细微变化、颜色的千变万化等。 、矢量图只用来表现真实世界中的事物大概面貌－大概的轮廓与大致的颜色，不能表现千万种不规则变化的真实事物画面。或者用来表现人脑中想向出来的而现实中没有的事物，比如，各种徽标、设计图纸、卡通画。 2、区别之二，来源区别： 、一张位图往往最初来源于对真实事物的拍照。因为它要表现事物的真实面。 、一张矢量图往往最初来源于人工绘制，而且是用电脑这样的现代化工具给制的。(当然位图也可以由人工绘制，但是在什么情况下绘制为矢量图？在什么情况下绘图为位图？会在稍后进行解释) 3、区别之三，两种图像保存在电脑上时，保存的本质不同。请看教学视频vectorgraph.swf （首先你要承认图像都由点构成吧，构成图像的点被称为像素。位图也叫点阵图） 、位图保存在电脑上时，保存的是构成这张图像的每一个点的颜色信息(点即像素)。比如，一个纯红色矩形作为图像保存时，如果是100*100的图像，将保存10000个像素的信息。如果把该图像的长和宽都变成原来2倍的图像来保存，将保存200*200=40000个像素的信息。文件大小将增加到原来的4倍。 、矢量图保存在电脑上时，保存的是绘制出这张图像的方法，包括图像中某些点的坐标值和需要填充的颜色。所以可以告诉你，保存为矢量图，保存的根本不是这张图本身，保存的是方法，是绘制它的方法。比如，保存一个纯红色矩形时，相当于只保存了矩形的4个角的坐标值和需要填充的红色这么几个信息。如果把这个矩形长宽都放大到原来的2倍来保存，只是改变了原信息中的4个角的坐标值，使各点距离增加到2倍。所保存的信息个数还是那几个，也就是文件大小没变。 4、以下三行是教科书中的或者老师们的或者网上帖子中的解释： 矢量图就是说，无论放大多少倍，都不会出现马赛克，永远都是清晰的。 矢量图的特点是放大后图像不会失真，图像的品质不变。 基于矢量的绘图同分辨率无关。这意味着它们可以按最高分辨率显示到输出设备上。 、解释位图分辨率的本质。位图放大到一定程度出现马赛克的原因：是我们看到了构成图像的点。 让图像细腻：可以把构成图像的点变小，小到肉眼看不到；也可以把图像放到处远看，远到看不出构成图像的点。 、上面的解释，其中有矢量图“永远都是清晰的”，这是不准确的说法。应该说“永远不会出现边缘锯齿和内部马赛克”。或者说，矢量图中平滑的，会永远保持平滑。 ●、为什么说，基于矢量的绘图同分辨率无关？为什么放大后不会失真、品质不变？矢量图是什么样 的品质？ 本人认为，矢量图没有分辨率可言。如果你强制要我说明它的分辨率，我就可以认为矢量图
位图与矢量图转换方法研究 摘要位图和矢量图是现代计算机平面图形的两大概念。位图可以通过数码相机拍照等方式获得，但在放大或缩小时图像会失真，因此研究位图转换为矢量图的方法具有十分重要的意义。本文在分析位图与矢量概念的基础上，研究了两种常用位图转换为矢量图的方法。 关键词位图；矢量图；转换方法 位图和矢量图是现代计算机平面图形的两大概念。位图可以通过数码相机拍照等方式获得，但在放大或缩小时图像会失真，因此研究位图转换为矢量图的方法具有十分重要的意义。 1 位图与矢量图分析 我们平时看到的很多图像（如数码照片）被称为位图（也叫点阵图、光栅图、像素图），它们是由许多像小方块一样的像素点（Pixels）组成的，位图中的像素由其位置值和颜色值表示。常用格式有.jpg、.gif、.bmp等。简单的说，位图就是最小单位由象素构成的图，缩放会失真。构成位图的最小单位是象素，位图就是由象素阵列的排列来实现其显示效果的，每个象素有自己的颜色信息，在对位图图像进行编辑操作的时候，可操作的对象是每个象素，我们可以改变图像的色相、饱和度、明度，从而改变图像的显示效果。举个例子来说，位图图像就好比在巨大的沙盘上画好的画，当你从远处看的时候，画面细腻多彩，但是当你靠的非常近的时候，你就能看到组成画面的每粒沙子以及每个沙粒单纯的不可变化颜色。 矢量图由矢量轮廓线和矢量色块组成，文件大小由图像的复杂程度决定，与图形的大小无关，常用格式有ai、cdr、fh.、swf等。目前矢量图以其轮廓清晰、色彩明快尤其是可任意缩放并保持图像视觉质量等特性受到许多设计者的青睐。矢量图，也叫做向量图，简单的说，就是缩放不失真的图像格式。矢量图是通过多个对象的组合生成的，对其中的每一个对象的纪录方式，都是以数学函数来实现的，也就是说，矢量图实际上并不是象位图那样纪录画面上每一点的信息，而是纪录了元素形状及颜色的算法，当你打开一付矢量图的时候，软件对图形象对应的函数进行运算，将运算结果[图形的形状和颜色]显示给你看。无论显示画面是大还是小，画面上的对象对应的算法是不变的，所以，即使对画面进行倍数相当大的缩放，其显示效果仍然相同（不失真）。举例来说，矢量图就好比画在质量非常好的橡胶膜上的图，不管对橡胶膜做怎样的长宽等比成倍拉伸，画面依然清晰，不管你离得多么近去看，也不会看到图形的最小单位。 2 位图转换为矢量图的方法研究 目前矢量图的运用越来越广泛，特别是对于喜欢Flash动画的闪客来说，完成一个好作品经常需要大量精美的矢量图片。如果你善于手绘，那当然最好了，
一、矢量图和位图 1、基本概念 3、适用范围 矢量图:适用于图形设计、文字设计和一些标志设计、版式设计； 位图:只要有足够多的不同色彩的像素，就可以制作出色彩丰富的图像，逼真地表现自然界的景象。 二、几种颜色模式的概念和特点 颜色模式，是将某种颜色表现为数字形式的模型，或者说是一种记录图像颜色的方式。分为：RGB模式、CMYK模式、灰度模式、HSB模式、Lab颜色模式、双色调模式和索引颜色模式。
1、RGB颜色模式 虽然可见光的波长有一定的范围，但我们在处理颜色时并不需要将每一种波长的颜色都单独表示。因为自然界中所有的颜色都可以用红、绿、蓝(RGB)这三种颜色波长的不同强度组合而得，这就是人们常说的三基色原理。因此，这三种光常被人们称为三基色或三原色。有时候我们亦称这三种基色为添加(Additive Colors)，这是因为当我们把不同光的波长加到一起的时候，得到的将会是更加明亮的颜色。把三种基色交互重叠，就产生了次混合色：青(Cyan)、洋红(Magenta)、黄(Yellow)。这同时也引出了互补色(Complement Colors)的概念。基色和次混合色是彼此的互补色，即彼此之间最不一样的颜色。例如青色由蓝色和绿色构成，而红色是缺少的一种颜色，因此青色和红色构成了彼此的互补色。在数字视频中，对RGB三基色各进行8位编码就构成了大约1677万种颜色，这就是我们常说的真彩色。顺便提一句，电视机和计算机的监视器都是基于RGB 颜色模式来创建其颜色的。 2、CMYK颜色模式 CMYK颜色模式是一种印刷模式。其中四个字母分别指青（Cyan）、洋红（Magenta）、黄（Yellow）、黑（Black），在印刷中代表四种颜色的油墨。CMYK 模式在本质上与RGB模式没有什么区别，只是产生色彩的原理不同，在RGB模式中由光源发出的色光混合生成颜色，而在CMYK模式中由光线照到有不同比例C、M、Y、K油墨的纸上，部分光谱被吸收后，反射到人眼的光产生颜色。由于C、M、Y、K在混合成色时，随着C、M、Y、K四种成分的增多，反射到人眼的光会越来越少，光线的亮度会越来越低，所有CMYK模式产生颜色的方法又被称为色光减色法。 3、灰度模式 灰度模式可以使用多达256级灰度来表现图像，使图像的过渡更平滑细腻。灰度图像的每个像素有一个0（黑色）到255（白色）之间的亮度值。灰度值也可以用黑色油墨覆盖的百分比来表示（0%等于白色，100%等于黑色）。使用黑折或灰度扫描仪产生的图像常以灰度显示。 4、HSB颜色模式 从心理学的角度来看，颜色有三个要素：色泽(Hue)、饱和度(Saturation)和亮度(Brightness)。HSB颜色模式便是基于人对颜色的心理感受的一种颜色模式。它是由RGB三基色转换为Lab模式，再在Lab模式的基础上考虑了人对颜色的心理感受这一因素而转换成的。因此这种颜色模式比较符合人的视觉感受，让
关于位图图像和矢量图形 计算机图形主要分为两类：位图图像和矢量图形。您可以在 Photoshop 和 ImageReady 中使用这两种类型的图形；此外，Photoshop 文件既可以包含位图，又可以包含矢量数据。了解两类图形间的差异，对创建、编辑和导入图片很有帮助。 位图图像 位图图像（技术上称为栅格图像）使用颜色网格（也就是大家常说的像素）来表现图像。每个像素都有自己特定的位置和颜色值。例如，一幅位图图像中的自行车轮胎就是由该位置的像素拼合在一起组成的。在处理位图图像时，您所编辑的是像素，而不是对象或形状。 位图图像是连续色调图像（如照片或数字绘画）最常用的电子媒介，因为它们可以表现阴影和颜色的细微层次。位图图像与分辨率有关，也就是说，它们包含固定数量的像素。因此，如果在屏幕上对它们进行缩放或以低于创建时的分辨率来打印它们，将丢失其中的细节，并会呈现锯齿状。 不同放大级别的位图图像示例。 矢量图形 矢量图形由被称为矢量的数学对象定义的线条和曲线组成。矢量根据图像的几何特性描绘图像。例如，一幅矢量图形中的自行车轮胎是由一个圆的数学定义组成的，这个圆按某一半径绘制，放在特定的位置并填以特定的颜色。移动轮胎、调整其大小或更改其颜色时不会降低图形的品质。 矢量图形与分辨率无关，也就是说，您可以将它们缩放到任意尺寸，可以按任意分辨率打印，而不会丢失细节或降低清晰度。因此，矢量图形是表现标志图形的最佳选择。标志图形（如徽标）在缩放到不同大小时必须保留清晰的线条。 不同放大级别的矢量图形示例 由于计算机显示器呈现图像的方式是在网格上显示图像，因此，矢量数据和位图数据在屏幕上都会显示为像素。 关于图像大小和分辨率 为了制作出高质量的图像，了解如何度量和显示图像的像素数据是非常重要的。 像素大小 位图图像的高度和宽度的像素数量。图像在屏幕上显示时的大小取决于图像的像素大小以及显示器的大小和设置。
矢量图与位图 (1)矢量图 计算机中显示的图形一般可以分为两大类——矢量图和位图。矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。例如一幅花的矢量图形实际上是由线段形成外框轮廓，由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。由于矢量图形可通过公式计算获得，所以矢量图形文件体积一般较小。矢量图形最大的优点是无论放大、缩小或旋转等不会失真。Adobe公司的Freehand、Illustrator、Corel公司的CorelDRAW是众多矢量图形设计软件中的佼佼者。大名鼎鼎的Flash MX制作的动画也是矢量图形动画。 矢量图像，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。既然每个对象都是一个自成一体的实体，就可以在维持它原有清晰度和弯曲度的同时，多次移动和改变它的属性，而不会影响图例中的其它对象。这些特征使基于矢量的程序特别适用于图例和三维建模，因为它们通常要求能创建和操作单个对象。基于矢量的绘图同分辨率无关。这意味着它们可以按最高分辨率显示到输出设备上。 矢量图与位图最大的区别是,它不受分辨率的影响。因此在印刷时,可以任意放大或缩小图形而不会影响出图的清晰度 矢量图：是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。它的特点是放大后图像不会失真，和分辨率无关，文件占用空间较小，适用于图形设计、文字设计和一些标志设计、版式设计等。 现将矢量图的优点和缺点归纳如下： 优点：（1）文件小；（2）图像元素对象可编辑；（3）图像放大或缩小不影响图像的分辨率；（4）图像的分辨率不依赖于输出设备； 缺点：（1）重画图像困难；（2）逼真度低，要画出自然度高的图像需要很多的技巧。 常用的矢量图格式 *.bw是包含各种像素信息的一种黑白图形文件格式。 *.cdr (CorelDraw) *.cdr是CorelDraw中的一种图形文件格式。它是所有CorelDraw 应用程序中均能够使用的一种图形图像文件格式。 *.col(Color Map File) *.col是由Autodesk Animator、Autodesk Animator Pro等程序创建的一种调色板文件格式，其中存储的是调色板中各种项目的RGB值。 *.dwg *.dwg是AutoCAD中使用的一种图形文件格式。 *.dxb(drawing interchange binary) *.dxb是AutoCAD创建的一种图形文件格式。 *.dxf(Autodesk Drawing Exchange Format) *.dxf是AutoCAD中的图形文件格式，它以ASCII方式储存图形，在表现图形的大小方面十分精确，可被CorelDraw、3DS等大型软件调用编辑。 *.wmf(Windows Metafile Format) *.wmf是Microsoft Windows中常见的一种图元文件格式，它具有文件短小、图案造型
关于位图图像和矢量图形 计算机绘图分为位图图像和矢量图形两大类，认识他们的特色和差异，有助于创建、输入、输出编辑和应用数字图像。位图图像和矢量图形没有好坏之分，只是用途不同而已。因此，整合位图图像和矢量图形的优点，才是处理数字图像的最佳方式。 1. 位图图像 位图图像也叫作栅格图像，Photoshop 以及其他的绘图软件一般都使用位图图像。位图图像由像素组成，每个像素都被分配一个特定位置和颜色值。在处理位图图像时，您编辑的是像素而不是对象或形状，也就是说，编辑的是每一个点。 位图图像与分辨率有关，即在一定面积的图像上包含有固定数量的像素。因此，如果在屏幕上以较大的倍数放大显示图像，或以过低的分辨率打印，位图图像会出现锯齿边缘。在图1中，您可以清楚地看到将局部图像放大4倍和12倍的效果对比。 2. 矢量图形 矢量图形由矢量定义的直线和曲线组成，Adobe Illustrator、CorelDraw、CAD 等软件是以矢量图形为基础进行创作的。矢量图形根据轮廓的几何特性进行描述。图形的轮廓画出后，被放在特定位置并填充颜色。移动、缩放或更改颜色不会降低图形的品质。 矢量图形与分辨率无关，可以将它缩放到任意大小和以任意分辨率在输出设备上打印出来，都不会影响清晰度。因此，矢量图形是文字（尤其是小字）和线条图形（比如徽标） 的最佳选择。图2显示了将矢量图形局部放大4倍和8倍的效果对比。 分辨率 分辨率用于衡量图像细节的表现能力，在图形图像处理中，常常涉及到的分辨率的概念有以下几种不同的形式： 1. 图像分辨率 图像分辨率是指单位图像线性尺寸中所包含的像素数目，通常以像素／英寸（p pi）为计量单位.打印尺寸相同的两幅图像，高分辨率的图像比低分辨率的图像所包含的像素多.例如：打印尺寸为1×1平方英寸的图像，如果分辨率为72 pp i，包含的像素数目为5184（72×72=5184）.如果分辨率为300ppi，图像中包含
《位图图像与矢量图形》教学设计 设计者：代梅 单位：陕西省渭南市华县铁中 【教案课题】位图图像与矢量图形 【教案背景】 面向对象：高一学生 学科：信息技术 课时：1 课前准备：教师机和学生机上事先安装了ACDSee软件和Flash MX软件，教师机上存放好了两张图片（一张位图图像，一张矢量图形）。 【教材分析】《位图图像与矢量图形》属于高中信息技术课程“多媒体技术应用模块”，是“多媒体信息采集和加工”中的重要内容，本节课选用的教材是广州市编教材：《信息技术》高中（试验本）中“图像的表示”一节，本节拟用两课时讲解：第一课时主要是帮助学生掌握一些基本的概念，第二课时教会学生一些简单的图像处理方法。本节内容是第一课时。【教学目标】 ◆知识与技能 理解和掌握位图图像与矢量图形的特点，并能熟练的对二者进行分类。 ◆过程与方法 通过实验对比和自主搜索亲身体验位图图像与矢量图形的特点，理解它们之间的联系与区别。 ◆情感态度与价值观 激发并保持利用信息技术不断学习和探索的热情，形成积极主动地学习和使用信息技术、参与信息技术的活动。 【教学重点】全面理解与掌握位图图像与矢量图形的区别与特点。 【教学难点能深入体验和掌握二者的区别，进而根据自身的需要来选择图片。 【教学方法】启发式、探究式 【教学过程】 ◆教学活动1 师：“同学们，本节课我们先来欣赏两幅图片。”同时打开了第一副事先准备好的图片，图片较小。 生：“有点小。” 师：“是不是觉得图片比较小，我们放大一点吧”，用ACDSee中的放大镜工具将图片放大一次，“怎么样，漂亮吗？” 生：“哇，好漂亮！” 师：“我们再放大一点，看看是不是能看的更清楚”，继续将图片放大（图片变的模糊）。 生：“怎么模糊了？” 师：“好了，我们再来欣赏下一副图片”，将事先准备好第二副矢量图打开，图片也比较小。 师：“能看清楚吗？我们放大一点看”，用ACDSee中的放大镜工具将图片放大一次，“怎么样，漂亮吗？” 生：“恩，漂亮！” 师：“大家想想，如果我再放大的话，会怎么样？” 生：“会变模糊”
点阵图(位图)与矢量图的区别 位图，也叫做点阵图，删格图象，像素图，简单的说，就是最小单位由象素构成的图，缩放会失真。 矢量图，也叫做向量图，采用线条和填充的方式，可以随意改变形状和填充颜色，无论放大或缩小都不会失真，FLASH动画大多使用矢量图做的。 教科书上写的不一定准确，不管是位图和矢量图，都可以叫图形，有位图图形，也有矢量图形。图片、图形和图像没有从属关系，说的都是图，只是叫法不同而已，图形重在形，就像工程图，图像重在像，就像效果图，都是图，只是侧重点不同而已。 有些软件教科书硬性将图像规定为像素图是不正确的，将图形说成矢量图也是错误的，这种硬性规定是不正确的，至少是不严谨的。 计算机绘图分为点阵图(又称位图或栅格图像)和矢量图形两大类，认识他们的特色和差异，有助于创建、输入、输出编辑和应用数字图像。位图图像和矢量图形没有好坏之分，只是用途不同而已。因此，整合位图图像和矢量图形的优点，才是处理数字图像的最佳方式。
一、点阵图(Bitmap) （1）何谓点阵图及点阵图的特性？ 与下述基于矢量的绘图程序相比，像Photoshop 这样的编辑照片程序则用于处理位图图像。当您处理位图图像时，可以优化微小细节，进行显著改动，以及增强效果。位图图像，亦称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增多单个像素，从而使线条和形状显得参差不齐。然而，如果从稍远的位置观看它，位图图像的颜色和形状又显得是连续的。由于每一个像素都是单独染色的，您可以通过以每次一个像素的频率操作选择区域而产生近似相片的逼真效果，诸如加深阴影和加重颜色。缩小位图尺寸也会使原图变形，因为此举是通过减少像素来使整个图像变小的。同样，由于位图图像是以排列的像素集合体形式创建的，所以不能单独操作（如移动）局部位图。 点阵图像是与分辨率有关的，即在一定面积的图像上包含有固定
问：什么是位图？什么是矢量图？它们有什么关系？ 答：几乎每一个刚接触平面设计的人都会问这个问题，从本人走过来这条路的经验来看，我觉得即使你不了解什么是矢量图和位图，对你学习设计软件的影响并不大，当然，能了解最好。 特别推荐：《点阵图转矢量图常用软件及方法》 位图，又称光栅图，一般用于照片品质的图像处理，是由许多像小方块一样的像素组成的图形。由像素的位置与颜色值表示，能表现出颜色阴影的变化。 简单说，位图就是以无数的色彩点组成的图案，当你无限放大时你会看到一块一块的像素色块，效果会失真。常用于图片处理、影视婚纱效果图等，象常用的照片，扫描，数码照片等，常用的工具软件：PHOTOSHOP，PAINTER等。 Photoshop主要处理的是位图图像。当您处理位图图像时，可以优化微小细节，进行显著改动，以及增强效果。位图图像，亦称为点阵图像或绘制图像，是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增多单个像素，从而使线条和形状显得参差不齐。然而，如果从稍远的位置观看它，位图图像的颜色和形状又显得是连续的。由于每一个像素都是单独染色的，您可以通过以每次一个像素的频率操作选择区域而产生近似相片的逼真效果，诸如加深阴影和加重颜色。缩小位图尺寸也会使原图变形，因为此举是通过减少像素来使整个图像变小的。同样，由于位图图像是以排列的像素集合体形式创建的，所以不能单独操作(如移动)局部位图。 处理位图时要着重考虑分辨率 处理位图时，输出图像的质量决定于处理过程开始时设置的分辨率高低。分辨率是一个笼统的术语，它指一个图像文件中包含的细节和信息的大小，以及输入、输出、或显示设备能够产生的细节程度。操作位图时，分辨率既会影响最后输出的质量也会影响文件的大小。处理位图需要三思而后行，因为给图像选择的分辨率通常在整个过程中都伴随着文件。无论是在一个300 dpi的打印机还是在一个2570dpi的照排设备上印刷位图文件，文件总是以创建图像时所设的分辨率大小印刷，除非打印机的分辨率低于图像的分辨率。如果希望最终输出看起来和屏幕上显示的一样，那么在开始工作前，就需要了解图像的分辨率和不同设备分辨率之间的关系。显然矢量图就不必考虑这么多。 矢量图，也称为面向对象的图像或绘图图像，繁体版本上称之为向量图，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。既然每个对象都是一个自成一体的实体，就可以在维持它原有清晰度和弯曲度的同时，多次移动和改变它的属性，而不会影响图例中的其它对象。这些特征使基于矢量的程序特别适用于图例和三维建模，因为它们通常要求能创建和操作单个对象。基于矢量的绘图同分辨率无关。这意味着它们可以按最高分辨率显示到输出设备上。 矢量图以几何图形居多，图形可以无限放大，不变色、不模糊。常用于图案、标志、VI 第 1 页
关于矢量图和位图 计算机能以矢量图(vector)或位图(bitmap)格式显示图像.理解两者的区别能帮助您更好的提高工作效率.Fireworks可以让您在一个软件中使用矢量图或位图工具创作图像,或者导入和处理其他应用软件生成的矢量图和位图文件.Fireworks提供了位图编辑模式和矢量图编辑模式. 矢量图 矢量图使用线段和曲线描述图像,所以称为矢量,同时图形也包含了色彩和位置信息.下面例子中的树叶,就是利用大量的点连接成曲线来描述树叶的轮廓线.然后根据轮廓线,在图像内部填充一定的色彩. 当您进行矢量图形的编辑时,您定义的是描述图形形状的线和曲线的属性,这些属性将被记录下来.对矢量图形的操作,例如移动,重新定义尺寸,重新定义形状,或者改变矢量图形的色彩,都不会改变矢量图形的显示品质.您也可以通过矢量对象的交叠,使得图形的某一部分被隐藏,或者改变对象的透明度.矢量图形是"分辨率独立"的,这就是说,当您显示或输出图像时,图像的品质不受设备的分辨率的影响.在例子中,右图是放大后的矢量图形,我们看见图像的品质没有受到影响. 位图 位图使用我们称为像素的一格一格的小点来描述图像.您的计算机屏幕其实就是一张包含大量像素点的网格.在位图中,上面我们看到的树叶图像将会由每一个网格中的像素点的位置和色彩值来决定.每一点的色彩是固定的,当我们在更高分辨率下观看图像时,每一个小点看上去就像是一个个马赛克色块,如下面例子中的右图.
当您在进行位图编辑时,其实您是在一点一点的定义图像中的所有像素点的信息,而不是类似矢量图只需要定义图形的轮廓线段和曲线.因为一定尺寸的位图图像是在一定分辨率下被一点一点记录下来,所以这些位图图像的品质是和图像生成时采用的分辨率相关的.当图像放大后,会在图像边缘出现锯齿现象.当在低于图像创作分辨率的设备上进行图像输出时,图像的品质会相应降低. （注：文档可能无法思考全面，请浏览后下载，供参考。可复制、编制，期待你的好评与关注！）