小议图像处理在网页设计中的角色

叶志向

摘要：一个完整的网页基本上都含有图像，图像在网页中扮演着十分重要的角色。在网页中合理地使用图像，可以让网页更加具有吸引力，给访问者以美的享受。本文着重介绍了图像的类型、图像的获取、网页中的图像处理、网页中的图像使用原则。

关键词：网页设计;图像类型;图像获取;图像处理;使用原则

一、图像类型

网页中用到的图像类型有以下几种：

1.JPEG：它是应用广泛的图像压缩格式，广泛应用于网页中。

2.GIF：它既可以存储静态图像，也可以存储动态图像，广泛应用于网页中。

3.PNG：它的特点是支持透明度，当我们要在网页中插入背景透明的图像，就需要用到这种格式的图像。

4.BMP：是“画图”程序的固定格式，文件几乎不压缩，占用磁盘空间大，所以在网页中并不常用。

二、图像获取

获取图像的方法常见的有以下几种：1.上网下载;2.用截图软件进行截图;3.用数码相机、摄像机或者扫描仪等来获取。需要注意的是：1.获取的图片尺寸要足够大;2.要为获取的图像重命名（最好取一个见名知义的名字，名字可以为英文、数字或它们的组合）。

三、图像处理

图像处理的软件有很多，在进行网页设计过程中，处理图像我比较常用的软件是Photoshop和Acdsee。下面着重讲解如何使用这两种软件来进行图像处理。

（一）改变图像尺寸或格式，提高网站显示速度

每个网站含有的图像通常是比较多的，如果每个图像大小都可以缩小一些，那么就可以减少很多存储空间，网站的显示速度将大大提高，访问者也会比较乐意访问该网站。通过改变图像尺寸或格式，可以有效减少图像的大小，我们可以使用Photoshop软件或者Acdsee软件来轻松做到。

（二）图像局部剪裁

在网页设计中经常要用到图像的某一部分，例如：剪裁图像右下角部分图像、左下角部分图像、中间部分图像等。在图像局部剪裁方面，Acdsee软件只提供了长方形的剪裁区域，因此我比较常用的是Photoshop软件，因为它提供了许多选取工具，基本上可以满足网页设计中图像剪裁的要求。方法如下：①打开要剪裁的图像;②点击选取工具，如：矩形选框工具、椭圆选框工具、套索工具等选取局部图像，并进行拷贝操作;③新建画布，并进行粘贴;④在新图像上进行进一步的编辑操作（如添加文字、调整位置、尺寸等），最后保存文件。

（三）制作透明图像

我们在制作网页时往往会根据主题为网页页面设置相应的背景颜色或者图片，这样使整个网页页面看起来更加美观。但是当我们在网页中再插入图像时，往往会发现插入的图像背景颜色和网页页面的背景色发生冲突，这时候我们就必须将插入的图像背景色设置为透明，这样插入的图像才能融合到网页中。我们可以使用Photoshop软件非常方便地将图像的背景设置为透明。

（四）将特殊字体制作成图像

在网页制作过程中，我们常常会在电脑中安装一些特殊的字体并使用，使网页中的文字看起来更加美观，更加具有个性化。但是这些字体在其它电脑上可能没有安装，这时候网页的浏览效果将大打折扣，这时候我们可以使用Photshop软件将这些使用特殊字体的文字内容制作成图片，并插入到网页中即可解决问题。

（五）与透明Flash相结合，制作特效效果

在制作网页的过程中，我们发现可以为网页、某个表格或者某个单元格指定一个很漂亮的背景图像，然后在其中再插入透明Flash动画，可制作出极具吸引人的特效效果。

（六）制作滚动图像

在网页中添加滚动图像，可以为图像增色不少。操作如下：①根据网页主题需要，准备几张大小一致的图像，作为实现图片滚动效果的素材;②通过新建CSS样式表文件和JS文件，并在网页中添加对该样式表的引用来实现图像的滚动效果。

四、图像使用原则

1.在制作网页之前，要先对网页的内容版式做好规划。哪些地方要用到图像，图像长宽大致多少，做到心中有数。

2.使用图像处理软件将网页中用到的图像调整成对应的大小，而不要直接在网页中直接插入大图，然后再调整大小。这是因为在网页中直接调整图像大小，并没有真正改变图像的大小，会导致网页的显示速度变慢。

3.使用图像做为网页的背景，最好选择拼接比较自然的小图像做为网页背景，提高网页的显示速度。

以上是本人制作网页时进行图像处理的一点心得体会，恳请各位同仁的批评指正。

参考文献：

[1]徐福荫.信息技术基础必修[M].廣东教育出版社，2013.

[2]聂小燕.精美网页设计与制作[M].人民邮电出版社，2006.