图像的类型和格式
常见的图片格式及其特点
常见的格式及其特点一、BMP格式BMP是英文Bitmap（位图）的简写，它是Windows操作系统中的标准图像文件格式，能够被多种Windows应用程序所支持，优点：BMP 支持 1 位到 24 位颜色深度。
包含的图像信息较丰富，与现有Windows 程序（尤其是较旧的程序）广泛兼容。
缺点：BMP 不支持压缩，占用磁盘空间过大。
BMP 文件不受 Web 浏览器支持。
二、GIF格式GIF 图片以 8 位颜色或 256 色存储单个光栅图像数据或多个光栅图像数据。
GIF 图片支持透明度、压缩、交错和多图像图片（动画 GIF）。
主要用于网页编辑方面。
优点：GIF 广泛支持 Internet 标准。
支持无损耗压缩和透明度。
动画 GIF 很流行，易于使用许多 GIF 动画程序创建。
缺点：GIF 只支持 256 色调色板，因此，详细的图片和写实摄影图像会丢失颜色信息，而看起来却是经过调色的。
三、JPEG格式JPEG也是常见的一种图像格式，它由联合照片专家组（Joint Photographic Experts Group）开发并以命名为"ISO 10918-1"，JPEG仅仅是一种俗称而已。
JPEG文件的扩展名为.jpg或.jpeg，优点：摄影作品或写实作品支持高级压缩。
利用可变的压缩比可以控制文件大小。
支持交错（对于渐近式 JPEG 文件）。
JPEG 广泛支持 Internet 标准。
缺点：有损耗压缩会使原始图片数据质量下降。
当您编辑和重新保存JPEG 文件时，JPEG 会混合原始图片数据的质量下降。
这种下降是累积性的。
JPEG 不适用于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。
四、TIFF标记图像文件格式TIFF 以任何颜色深度存储单个光栅图像。
TIFF 可以被认为是印刷行业中受到支持最广的图形文件格式。
TIFF 支持可选压缩，不适用于在 Web 浏览器中查看。
常用多媒体素材的类型和格式
常用多媒体素材的类型和格式常用多媒体素材的类型有文本素材、图像素材、音频素材、视频素材、动画素材等。
其中，图像素材的常见文件格式有jpg、gif、bmp等；音频素材的常见文件格式有wav、mp3、wma、mid等；视频素材的常见文件格式有wmv、rm、avi或mpg等；动画素材的常见文件格式有gif、swf等。
常用多媒体素材和文件格式总结如下图所示。
下面对图片文件和视频文件进行详细介绍。
1．图片文件在课件制作中，我们常用到的图片文件分为图形（矢量图）和图像两种。
应用于多媒体教学课程中的图片格式常见的有jpg、tiff、和bmp等图像格式。
JPEG图像格式：扩展名为jpg或jpeg，其全称为Joint Photographic Experts Group。
它用有损压缩方式去除冗余的图像和彩色数据，获取得极高的压缩率的同时能展现十分丰富生动的图像，其压缩比通常在10：1~40：1之间，很适合应用在网页的图像中，目前各类浏览器均支持JPEG这种图像格式。
同时JPEG还是一种很灵活的格式，具有调节图像质量的功能，允许你用不同的压缩比例对这种文件压缩，已广泛应用于彩色传真、静止图像、电话会议、印刷及新闻图片的传送上。
但*.jpg/*.jpeg文件并不适合放大观看，输出成印刷品时品质也会受到影响。
TIFF图像格式：扩展名是tif，全名是Tagged Image File Format。
它是一种非失真的压缩格式（最高也只能做到2－3倍的压缩比），能保持原有图像的颜色及层次，但占用空间却很大。
TIFF常被用于较专业的用途，如书籍出版、海报等，极少应用于互联网或多媒体课件上。
GIF图像格式：扩展名是gif，全称为Graphics Interchange Format（图形交换格式）。
它在压缩过程中，图像的资料不会被丢失，丢失的是图像的色彩。
格式最多只能储存256色，所以通常用来显示简单图形及字体，在课件中常用来制作小动画或图形元素。
多媒体技术基础知识复习专题二[复制]
![多媒体技术基础知识复习专题二[复制]](https://img.taocdn.com/s3/m/2267a805a9114431b90d6c85ec3a87c240288adb.png)
多媒体技术基础知识复习专题二［复制］第三章多媒体信息的类型及其特征；第四章图形图像的采集与加工1.常见的各种媒体信息有：文本、图形、图像、声音、动画、视频等文本是现实生活中使用得最多的一种信息存储和传递方式，文字表达的信息给人充分的想象空间，它主要用于对知识的描述性表示。
图像是多媒体作品中最重要的信息表现形式之一，它是决定一个多媒体作品视觉效果的关键因素。
声音能直接、清晰地表达意义，引起使用者的注意。
动画可以使我们要表现的内容更加生动，还可以反抽象的、难以理解的内容形象化。
视频影像具有时序性与丰富的信息内涵，常用于丰富的信息内涵，常用于交代事物的发展过程。
2.各种媒体在计算机中的表示：文本：文本字符编码一般为ASCII码，简体汉字GB2312-80,一个汉字占两个字节存储空间。
思考：计算机中汉字存储占2字节空间，一张软盘容量为1.44MB,请问理论上一张软盘可以存储多少个汉字1,44MB*1024*1024/2=754974位图图像：是由像素构成的，适用于逼真照片或要求精细细节的图像。
位图放大缩小后会丢失其中的细节并会呈现锯齿状。
图像分辨率是指图像的水平方向和垂直方向的像素个数。
一般来说，分辨率愈高，图像愈细腻，图像文件也越大。
由于一幅位图的分辨率是确定的，所以对其进行放大时，会出现马赛克现象图像量化位数是指图像中每个像素点记录颜色所用二进制数的位数，它规定了彩色图像中可出现的最多颜色数，或者灰度图像中的最大灰度等级数。
往往把量化位数说成是图像深度或像素深度。
表示一个像素的位数越多，能表达的颜色数目就越多。
二进制位代表图像颜色的数量8位图有：28=256种颜色，16位图有：2^=65536种颜色，32位图有：232=4294967296种颜色位图量化：文件的字节数=图像X方向的像素数xY方向的像素数x图像量化位数/8。
例1：一幅像素为640x480的256色(8位)图像文件大小:640x480x8^8=300KB例2：一幅1024x768的RGB8：8：8真彩色图像文件大小1024x768x24/舐2.4MB单位换算:1GB=1O24MB1MB=1O24KB1MB=1024KB1KB=1O24BIB位bit静态图像压缩标准：JPEG(JointPhotographicExpertsGroup)常见的位图文件：*.bmp,*.JPG,*.psd,*.gif矢量图形：是以指令集合的形式来描述的。
聊聊几种常见的图片格式Webp、GIF、PNG、JPG
前言前端开发中经常和图片打交道，那么熟悉各种图片格式的应用场景以及优劣势对于我们尤为重要图片类型•无损压缩：对文件的数据存储方式进行优化，采用某种算啊表示重复的数据信息，能在保证图片的质量的同时降低图片的尺寸，png是其中的代表，但尺寸相比原图减少不多。
可以还原•有损压缩：在压缩的时候，去除了人眼无法识别的图片细节，图片质量会下降，图片尺寸能得到很大程度的压缩。
不可还原•无压缩：不会对图片进行任何压缩处理，能够精准的呈现原图片，例如：BMP。
开发中我们考虑到加载性能问题，几乎不会考虑这种图片GIF图优点•Gif图采用LZW压缩算法进行编码，采用无损压缩，这意味着图片在压缩后质量不会受损。
•Gif图1987年提出的，距今发展了几十年了，兼容性好。
•支持透明度，GIF允许图像中的像素具有不透明和透明属性，这使得它在创建带有透明背景的图像时非常有用。
•支持动画，GIF支持简单的动画，可以用来创建循环播放的短动画，这在网页设计和用户界面方面非常有用。
缺点•只能存储8位颜色索引，色彩复杂、细节丰富的图片不适合。
使用场景•适合简单的动画或者图标，例如：Logo、Icon、动图。
•上报埋点时采用1 * 1像素的透明Gif图。
o避免跨域，用图片上报而不是采用fetch或ajax去上报，用Image的src不会存在跨域行为并且也会触发请求o兼容性好，所有浏览器都支持Image对象，即便浏览器不支持XMLHttpRequest(例如古董级的IE)，也能进行上报。
相比与navigator.sendBeacon兼容性更好。
o体积最小，1*1的透明PNG是67字节，而Gif只需要43个字节。
同样的性能比PNG图片减少35%的流量。
o支持透明，用Gif上报埋点最好是透明的，一是避免影响页面展示，而是可以不用存储颜色索引，减少图片大小。
o避免请求取消，ajax请求过程中离开页面会导致请求中断，最终导致上报失败。
然而Image的src不会中断。
几种常用图像文件格式
几种常用图像文件格式图形和图像•是计算机在平面坐标系和空间坐标系中，通过对运算图形是计算机在平面坐标系和空间坐标系中通过对表达式进行矢量运算和对坐标数据进行描述而形成的运算结果。
由于图形具有方向和长度，也被叫做“向量图”。
图形主要用于表达事物和事件的变化过程、表达计算机的运行状态和运算结果、表达物体形态和运动姿态的变化规律等。
•图像是自然界中的客观事物，在计算机中，图像用像素点进行描述。
进行描述有序排列的像素点表达了自然景物的形象和色彩，而像素点又是二进制位进行描述的，因此图像又叫做“位图”。
点又是二进制位进行描述的因此图像又叫做“”静态图像和动态图像•静止的客观景物叫做静态图像，如照片、图片和印刷品等静态数字化图像以文件的形式被记载下来，就是图像文件以文件的形式被记载下来，就是“”动态图像如影视等•活动的客观景物叫做，如电影、电视等动态数字化图像压缩的动态图像文件，MPEG系列压缩标准压缩的动态图像文件图像数据格式•计算机中的图像是一组数据的集合，根据不同的开发者和不同的使用场合，数据的结构和格式也不尽相同，这就形成了多种数据格式的图像文件。
不尽相同这就形成了多种数据格式的图像文件•常见的图像数据格式包括BMP格式、PCX格式、GIF格式、JPEG格式、TIFF格式、TGA格式等。
•由于这些图像的数据格式最终以文件形式存在，因而又被叫做“文件格式”。
常用图像文件格式BMP格式最普遍的点阵图格式之一，也是Windows系统下的标准格式在Windows系统中，内置了大量支持BMP格式图像的APIPCX格式Zsoft公司推出用于其Paintbrush软件，MS移成mspaint.exe MS-DOS下绘图、排版软件常用的格式，4位色=》24位色GIF格式Compuserve公司制订，开放使用权限，广受应用，适用于各种主机平台，256色，GIF89a格式支持背景透明化和动画是种高效压缩格式能将人眼无法分辨的细节删除以节JPEG格式是一种高效压缩格式，能将人眼无法分辨的细节删除，以节省储存空间；不适合放大观看，输出成印刷品时品质也会受到影响。
2.1图形图像的存储格式 优质课件(共21张PPT)
图像压缩的基本过程：
变换部分：体现了输入(shūrù)原始图像和经过变换的 图像之间的一一对应关系。变换也称为去除相关，它减 少了图像中的冗余信息，提供了一种更易于压缩的图像 数据表示形式。
量化部分：把经过变换的图像数据作为输入进行(jìnxíng)处 理后，会得到有限数目的一些符号。这一部会带来信息的损 失，是有损压缩与无损压缩的主要区别。
编码部分：将经过变换的数据编码为二进制位流， 可以采用(cǎiyòng)固定长度编码或变动长度编码。
第十九页，共二十一页。
文件格式 压缩前文件大小(kb) 压缩后文件大小(kb) 压缩比 TXT JPG
第二十页，共二十一页。
内容(nèiróng)总结
2.1多媒体作品中的图形、图像。BMP：标准的WINDOWS或OS/2的图形图像的 基本位图格式。2、该格式生成的文件比较地小，适合像Internet这样的网络环境传 输和使用。3DS、3DS MAX中的大量贴图就是TIFF格式的。著名的Macromedia公司 的Fireworks的默认格式就是PNG。量化部分：把经过变换的图像数据作为输入进行 (jìnxíng)处理后，会得到有限数目的一些符号。JPG
里面可以存放图层、通道、遮罩等多种设计草稿。以便(yǐbiàn)于下次打开文件可 以修改上一次的设计。
第十三页，共二十一页。
PNG格式
PNG（Portable Network Graphics）是
一种新兴的网络图形格式，结合了GIF和
JPEG的优点，具有存贮形式(xíngshì)丰富的
特点。PNG最大色深为48bit，采用无损压
GIF格式是经过压缩的格式，磁盘空间占用较少。由于它是制作2D动画
软件Animator早期支持的文件格式，所以该格式曾被广泛使用。但由于8位
常用的图像类型与格式
会动的图片
制 作 者 : 胡 佳 丽
常 用 的 图 像 类 型 及 格 式
一、矢量图和位图
矢量图
矢量图是根据几何特性来绘制图形，矢量可以是一个点或一条 线，矢量图只能靠软件生成，文件占用内存空间较小。它的特 点是放大后图像不会失真，适用于图形、文字设计和一些标志、 版式设计等。
位图
bmp格式 大小：659k
jpeg格式
大小：55.5k
gif格式
大小：6.06k
png格式 大小：38.3k
二、计算机中常见的图像格式
标准windows图像文件格式，图像信息丰富，几乎 不进行压缩，存储体积比较大，一般制作网页时都 不会选用。
BMP格式
JPEG格式
支持有损压缩，在获取较高压缩比的同时能够展 现生动的图像。比较受网络的青睐。
常见图像的格式:.jpeg、.gif、.bmp、.png、.swf
注意：在处理图片素材时，通常将图片保存为jpg、png、或gif格式，但如果 需要图片背景透明效果，则必须选择png或gif格式。
CLASS OVER
位图图像(bitmap), 亦称为点阵图像，是由称作像素点组 成的。这些点可以进行不同的排列和染色以构成图样。当 放大位图时，图像会出现边缘锯齿或者出现马赛克现象。 适用于比较细致层次色彩比较丰富的图像，比如照片和图 画等。
矢量图与位图的区别位图图像与矢量形的比较比较内容 特征
位图图像 能较好表现色彩 浓度与层次 照片或复杂图像
矢量图形 可展示清晰线条或文字
用途
文字、商标等相对规则的 图形 不易失真 可以 较小
放大缩小的效果 制作3D影像 文件大小
易失真 不可以 较大
任务来喽! 请同学们找出以下格式的图片： .jpeg，.gif，.bmp，.png。 （最好是相同图片的不同格式）
图像的类型与格式
思 考 1 ︓ 比 较 两 幅 图 的 区 别
计算机中常见的图像类型有两种：
位图和矢量图 1、位图又叫点阵图，它是由许多点排列组合成 的图像。 2、矢量图，是用数学向量方式来记录图像的内
容。
总结点阵图与矢量图的不同点
位图（点阵图）
构图原理 色彩 失真情况 文件 常用工具 由许多点（称为像素）组成的 色彩丰富 缩放和旋转易失真 文件容量大 画图、ACDSee、 photoshop
尺寸与点
位图图像文件的大小
例如：一幅分辨率为640×480的量化位数为8的图像， 文件的大小为： （640×480×8）÷8＝307200(B) 1MB=1TIFF、 JPEG、GIF、PNG、 RAW
矢量图 EPS、DXF、WMF、 AI
•TIFF 格式可以制作质量非常高的图像，因 而经常用于出版印刷
位图的清晰程度受两个因素的影响： 一是显示或者打印设备的分辨率， 二是图像文件本身的分辨率。
思考4：什么是分辨率？
分辨率
位图（点阵图）的构图方法是记录每一点，即 最小单位是点，由点组成的方阵。如同用马赛克 拼贴图案，水平有多少块，垂直有多少块，每块 就是组成图案的最小单位，是像素。
图像的水平和垂直方向上的像素个数就是图像 分辨率，如1920*1080，表示水平方向有1920 个点，垂直方向有1080个点 。
思考5、GIF和SWF有什么区别？
区别 格式 加工方式 编辑软件 相同点 GIF SWF 图像 动画 位图 矢量图 Ps等各种画 flash 图软件 都为动态
实验：应用画图软件来把图片分别另存为bmp、jpg、 gif，比较几种图像所占空间的大小。
BMP最大， JPEG 次之， GIF较小
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
225KB
225KB
225KB 450KB
6.24KB
1.78KB 3.45KB 11.1KB 18.4KB 16.5KB
1.23KB 3KB
9.42KB 16KB
15.9KB
图像的格式
位图图像
● 图像由基本显示单元“像点”构成 ● 像点由若干个二进制位进行描述 ● 二进制位代表图像颜色的数量
图像像点
底片扫描仪 4800 dpi
激光打印机：600~1200 dpi 喷墨打印机：720～2880 dpi
印刷图片 普通：300dpi 高精度：600 dpi
图像处理
Aldus PhotoStyler (1) 简单绘图 (2) 位图图像加工 (3) 滤镜集成效果
Adobe PhotoShop (1) 简单绘图 (2) 位图图像分层加工 (3) 滤镜集成效果
图像的类型与格式
图像的独特魅力
计算机中常见的图像类型有两种： 位图和矢量图。
1、位图又叫点阵图，它是由许多点排列组合成
的图像。(图像）
2、矢量图也叫平面对象绘图，是用数学向量方
式来记录图像的内容。（图形）
比较图像并说出它们的区别。
1、位图图像
位图图像是由像素构成的，适用于逼真照 片或要求精细细节的图像，位图图像像素之间没 有内在的联系，而且他们的分辨率是固定的，像 素的数量是固定的，放大后每平方英寸面积上所 含像素点就少了，将丢失其中的细节，并会出现 锯齿状。
不易失真
可以
较小
图形与图像：
图形：人工绘制或者计算机运算生成的，是对 自然界中存在事物的抽象描述，色彩相简单
图像：自然界中实际存在的实物的影像描述， 色彩丰富。
2、矢量图形
矢量图形是以数学的向量方式来记录图形内容。 矢量图最大的优点是文件小，放大或缩小时不会失 真，缺点是不易制作色彩变化太多的图像。
RGB彩色图像
RGB —— 红、绿、蓝 R
R
G
B
G
B
R数组 — 8bit表示(256阶梯) G数组 — 8bit表示(256阶梯) B数组 — 8bit表示(256阶梯)
最大表示：28 × 28 × 28 = 224 = 16777216 (16.7M)
文件格式与数据量
数据对比
A4幅面(横) Βιβλιοθήκη 4 bit彩色 300 dpi分辨率
● 具有位映射关系的图叫作“位图”
8bit ( 28 = 256色 ) 16bit ( 216 = 65536色 ) 24bit ( 224 = 16M色 )
8位图像 16位图像 24位图像
“位图”特指图像
位图图像文件的大小
例如：一幅分辨率为640×480的量化位数为8的图像，文件的大小为：
（640×480×8）÷8＝307200(B)
一条线段的数据只需记录两个端点的坐标、线段的粗细和色彩等。
点阵图和矢量图的区别
比较内容
特征 用途 放大缩小的效果
位图图像
矢量图像
可展示清晰线条或文字 能较好表现色彩浓度与层次
照片或复杂图像 易失真
文字、商标等相对规则 的图形
不易失真
文件大小 制作3D影像
制作软件 常用文件格式
较大
较小
不可以
画图、Photoshop 、 Fireworks
. GIF
4,501 KB
256色
格式转换容易失真
. TIF
25,697 KB
真彩色
● 数据量大
位图图像与矢量图形的比较:
比较内容 特征
用途
位图图像
能较好表现色彩 浓度与层次
照片或复杂图像
放大缩小的效果 制作3D影像 文件大小
易失真 不可以
较大
矢量图形
可展示清晰线条 或文字
文字、商标等相 对规则的图形
以数学的向量方式来记录图 像内容
色彩变化少 放大或旋转不会失真
文件容量小 Flash、CorelDraw、CAD
图的格式
位图：bmp，jpg，gif，psd，png等 Jpg和gif：网页上最常用的两种图像格式
矢量图：wmf，ai等
像素是构成位图的最小单位，位图的大小与
精致，取决于组成这幅图的像素数目的多少。由 于像素的分布是沿水平和垂直两个方向矩阵式排 列的，任何一个位图总是有一定数目的水平像素 和垂直像素 。
BMP、PSD、TIFF、JPEG、 GIF
可以
Flash、 CorelDraaw EPS、DXF、PS、WMF、
SWF
CMYK彩色图像
CMYK 青、品红、黄、黑
C
K
M
Y
C
M
Y
K
C数组 — 8bit表示(256阶梯) M数组 — 8bit表示(256阶梯) Y数组 — 8bit表示(256阶梯) K数组 — 8bit表示(256阶梯)
2、矢量图形
矢量图存储的是一幅图 的结构数据，各个关键点的 相对位置和比例等数据，放 大后重新构图。
总结位图（点阵图）与矢量图的不同点
位图（点阵图）
矢量图（向量图）
构图原理 由许多点（称为像素）组成的
色彩 失真情况
文件 常用工具
色彩丰富 放大和旋转易失真
文件容量大 画图、ACDSee、 photoshop
最大表示：28×28×28×28 = 232 = 4294967296 (4294M)
颜色模式与用途
RGB模式 (用于显示打印) ●特点:色彩鲜艳
印辊 印纸
CMYK模式 (用于印刷) 特点:色彩灰暗
分色胶片 印版
成品
常见分辨率
平板扫描仪：1200 dpi
➢ 显示器：96 dpi ➢ 显示用图片：96 dpi ➢ 动画、视频：96 dpi
图像分辨率
Resolution (分辨率)单位
dpi (display pixels / inch)
每英寸显示的线数
dpi的数值越大，图像越清晰
清晰度
绝对清晰度
视觉效果
dpi
300 dpi
96 dpi
21 dpi
课堂实践
利用“画图”软件，绘制表中图例所示的文件， 以不同格式分别保存，并将各文件的存储容量 填入表中。
通过计算而描述的矢量图形
图像的类型：位图和矢量图
位图又叫点阵图，它是由许多点排列组合成的 图像。
矢量图也叫平面对象绘图，是用数学向量方式 来记录图像的内容。
位图直接量化的原始信号形式
图像的最小单位是像点 Pixel 用于表现自然影像
图形：运算形成的抽象化产物
图形由具有方向和长度的矢量表示 存储显示这些图形元素的指令，可以随意的放缩
Macromedia FREEHAND (1) 强大的绘制图形功能 (2) 矢量图形处理 (3) 格式转换 (图形→图像)
课外作业
(1) 阐述矢量图形与位图图像的区别。 (2) 图像分辨率的单位是什么？ (3) 哪种格式的图像文件体积最小？ (4) 练习使用图像浏览器ACDSee。 (5) 练习获取Windows界面的方法。