网页设计与制作教程 第2版 北京市精品教材 作者 赵丰年 吕宜宏 第5章 使用与处理图像.pptVIP

第5章 使用与处理图像 本章要点 5.1 Web图像基础 5.2 使用图像 5.3 处理图像 5.4 使用图像效果 5.1 Web 图像基础 理解 Web 图像的类型和格式是在网页中合理使用图像的基础。本节介绍图像处理常识，内容包括： 矢量图和位图 Web 图像格式 处理 Web 图像流程 使用图像要点。 5.1.1 矢量图与位图 在网站中使用和处理图像时，用户需要区分矢量图和位图这 2 种 web 图像基本类型，本节介绍矢量图与位图的基本概念。 矢量图——矢量图形使用称为矢量的线条和曲线（包括颜色和位置信息）描述图像。例如，一片叶子的图像可以使用一系列的点（这些点最终形成叶子的轮廓）描述；叶子的颜色由轮廓（即笔触）的颜色和轮廓所包围的区域（即填充）的颜色决定，如图 5.1 所示。 5.1.1 矢量图与位图（续） 5.1.1 矢量图与位图（续） 由于它是用数学信息描述图像的，因此矢量格式的文件通常比较小。当对矢量图形进行编辑时，可以修改描述图形形状的线条和曲线的属性；可以对矢量图形进行移动、调整大小、重定形状以及更改颜色的操作而不更改其外观品质。矢量图形与分辨率无关，这意味着它们可以显示在各种分辨率的输出设备上，而丝毫不影响品质。 5.1.1 矢量图与位图（续） 位图图形由排列成网格的称为像素的点组成。例如，在一个位图的叶子图形中，图像由网格中每个像素的位置和颜色值决定