认识电子商务网页图像制作.PDF

第1章 认识电子商务 网页图像制作 第1节  数字图像的基本概念 电子商务网页图像是一种数字图像。对于数字图像，需要了解其主要类型、像素、分 辨率的含义和作用，以及常见的数字图像文件格式。这样在制作电子商务网页图像，进行 图像文件创建、编辑制作、保存和选择时，就能更加合理和有效。 一、数字图像的主要类型 数字图像是由模拟图像数字化得到的，用计算机或数字电路存储和处理的图像。计算 机一般采用点阵图和矢量图两种方式存储或处理图像。 1. 点阵图（Bitmap） 点阵图即位图存储模式，是通过许多像素点表示一幅图像，每个像素具有颜色属性和 位置属性，如图1-1-1所示。 2. 矢量图（Vector） 矢量图即矢量存储模式，是根据几何特性用直线和曲线来描述图形，即图像由线条和 填充颜色的块面构成，而不是图像数据的每一点，如图1-1-2所示。 如果将点阵图与矢量图进行比较，就会发现： （1）点阵图由一个一个的像素点组成，即在一定面积的图像上包含有固定数量的像 素。因此，如果在屏幕上以较大的倍数放大显示图像或以过低的分辨率打印时，位图图像 会出现锯齿边缘。而矢量图是根据几何特性来绘制图形，用线段和曲线描述图像，与单位 面积上的图像点数无关，可以将它缩放到任意大小显示和打印，都不会影响其清晰度。如 图1-1-3所示点阵图与矢量图放大效果对比。 1 1 电子商务网页图像制作（Adobe Photoshop CS6）（第二版）   图1-1-1  点阵图样例   图1-1-2  矢量图样例 点阵图 矢量图 放大后的点阵图 放大后的矢量图 图1-1-3  点阵图与矢量图放大效果对比 2 第1章 认识电子商务网页图像制作 （2）点阵图表现的色彩比较丰富，可逼真地表现自然界的各类实物；而矢量图色彩不 够丰富，无法表现逼真的实物，如图1-1-4所示。因此，矢量图常常用来表示标识、图 标、LOGO等简单直接的图像。   点阵图 矢量图 图1-1-4  点阵图与矢量图色彩效果对比 （3）由于点阵图表现的色彩比较丰富，因此占用的空间会很大。颜色信息越多，占用 空间越大；图像越清晰，占用空间也越大。由于矢量图表现的图像颜色比较单一，因此所 占用的空间相对较小。 （4）通过软件，可以将矢量图轻松地转化为点阵图，而将点阵图转化为矢量图就需要 经过复杂而庞大的数据处理，且生成的矢量图质量绝对不能和原来的图形比拟。 认识点阵图和矢量图的特点，有助于创建、输入、输出、编辑和应用数字图像。位图 图像和矢量图形没有好坏之分，只是用途不同而已。因此，整合位图图像和矢量图形的优 点，才是处理数字图像的最佳方式。 二、数字图像的像素和分辨率 1. 图像像素（Pixel） 位图图像最基本的单位是像素，它是一个小的方形颜色块，一个图像通常由许多像 素组成，这些像素被排列成横行和纵列。当把图像放大足够的倍数时，就会发现图像画 面其实是由许多色彩相近的小方点所组成，这些小方点就是构成图像的最小单位“像素” （Pixel） 因此简单说来，像素就是图像的点的数值，由点构成线，线组成面。例如，常说数码