网页设计对计算机图像处理技术的应用

【摘要】随着计算机互联网络的迅速发展，网页设计受到了越来越多的关注，人们对网页设计的要求也越来越高。网页设计者将计算机图像处理技术应用到网页设计中来，以提高网页设计的效果，增强网页的美观性和艺术感。文章阐述了网页设计中图像的重要作用以及计算机图像处理方面的相关知识，并对网页设计中应用到的图像处理技术进行解析。

【关键词】网页设计；计算机图像处理技术；应用解析

在计算机技术和网络技术飞速发展的背景下，网页设计呈现出蓬勃发展的趋势。网页设计的最终目标是借助于文本、图形、图像、声音、视频等多种媒体表现形式，将所要表达的思想、内容展示给网页浏览者。在激烈的市场竞争中，商业性的网页越来越多，对于网页设计的要求也越来越高。网页既要客观呈现事物，又要精彩美观。图像在网页设计中起着至关重要的作用。在网页设计中应用计算机图像处理技术，可以提高网页设计的自身效果，也是市场需求的必然选择。

1网页设计中的使用图像的意义

在网页设计中引入适当的图像，可以增强网页的艺术感染力和视觉冲击力，更好的传递出网页设计的主题思想，吸引浏览者的注意，也可以体现出网页的设计风格。总的来说，图像具有信息传达和视觉吸引的功能，在网页设计中起着非常重要的作用[1]。

1.1信息传达功能

图像本身就是一种传达信息的重要手段。在文字叙述的区域，引入适当的图片，能够更快、更形象、更直观的突出文字的主题，传递出网页的主要内容。图像与文字相比更容易引起浏览者的关注。采用文字和图像结合的方式，可以帮助浏览者快速找到所需要的信息。图像能够美化网页，将相关的内容、理念等信息直观、高效、形象的传达给浏览者。

1.2视觉吸引功能

在网页设计中，包含许多的媒体类型，比如文字、图像、声音和视频等。只有文字的版面会显得过于单调。图像更容易吸引浏览者的目光，增强网页的视觉吸引效果。图像与文字的有机结合，对网页设计的协调性和美观性非常重要，可以刺激人的大脑，提高浏览者阅读的兴趣，从而达到网页设计的目的。

2计算机图像处理技术阐述

计算机图像处理技术起源于20世纪末，它是以图像为基础，利用计算机技术对图像进行加工和处理的。计算机图像处理技术结合了多媒体技术、数字化技术等，主要包括图像的平移、旋转、裁剪、去噪等前期预处理技术，图像的增强、复原、分割、重建等中期处理技术以及识别、分析、编码、压缩等图像后期处理技术。早期，计算机图像处理技术主要应用于航天事业，但随着计算机和网络技术的迅速发展，计算机图像处理技术被广泛的应用到网页设计中，得到了众多网页设计者的认可。利用计算机图像处理软件可以对图像放大、缩小、合成、色彩调整、创意设计和制作特效等，使图像与网页的主题相一致，进一步达到美化网页的功能。计算机图像处理技术在快速的发展进步，功能也在不断的完善。如今计算机图像处理技术在网页设计中具有非常重要的地位。

3计算机图像处理技术在网页设计中的应用

3.1网页设计中常用的图像格式和选择技巧

计算机图像格式种类繁多，选择适合的图片格式可以提高网页设计的效果、节约下载时间以及较少服务器的负担。在网页设计中应用较多的图片格式有GIF格式、JPEG格式和PNG格式[2]。1)GIF格式。GIF格式英文名称为GraphicsInterchangeFor-mat，可以翻译为图形交换格式。GIF格式的图像分为静态和动态两种类型，采用无损压缩存储方式，但是限制了色彩的表现能力，只支持256色以内的图像。在不影响图像质量的情况下，可以生成很小的文件。它支持透明色，图像可以浮现在背景上面，也可以制作动画，这是它最突出的一个特点。GIF文件的特点顺应了互联网的需求，几乎所有的浏览器都支持这种格式，于是它成了互联网上最流行的图像格式。2)JPEG格式。JPEG格式是一种支持8位和24位色彩的压缩位图格式，是一种有损压缩，文件较小。JPEG的压缩技术十分先进，它具有调节图像质量的功能，可以设置压缩比例，压缩比越大，图像品质就越低，压缩比越小，图像品质就越好，同时，色彩的信息保留非常好。JPEG非常适合储存色彩丰富的图片，例如照片等，图片有轻微失真肉眼也很难辨别出来，但是它不适合存储线条、图标或文字等边缘非常清晰的图片，特别适合在网页和网络中使用。3)PNG格式。PNG格式英文名称为PortableNetworkGraphicFormat具有文件小、无损压缩、支持透明效果的特点。PNG格式存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，还可存储多到16位的α通道数据。虽然PNG采用的是无损压缩，但是PNG格式图片还是会有不同程度的失真。PNG8最多只能索引256种颜色，如果图像的颜色较多的话不能真实还原；PNG24则最多可以保存1600多万种颜色，基本能够真实还原我们肉眼所见的所有颜色。PNG格式广泛应用于JAVA程序、网页或S60程序中。设计师需要根据实际需求来选择不同的图像格式。存储图像时选择JPG还是PNG的主要依据是图像上的色彩层次和颜色数量。当图像的色彩丰富,并且边缘线条没有锐利反差时,选择JPEG格式可以得到最好的输出结果；当图像是有明显边缘的线条图、没有太多色彩或者需要制作透明背景时，GIF格式是最好的选择；而PNG-24格式虽然看起来非常完美，但是需要考虑浏览器的支持问题，虽然现在大多数的浏览器都支持它，可是IE6是不支持透明的PNG图像的。现在IE6或更早的版本使用者不会太多，但是设计师也要将这个因素考虑在内的。另外页面结构的基本视觉元素，如Banner、商品图片等对质量要求不是特别高的，可以使用JPG进行存储降低文件大小。

3.2网页设计中常见的图像形式

图像的形式多种多样，网页设计中应用较多的有摄影、截图、简单图形、连接图片等。为了让网页内容丰富且有艺术感染力，设计师需要将多种图像形式应用到设计中。摄影是网页设计中图像素材的重要来源，摄影配图是最简单，也是最常见的配图方式。摄影图像属于写实性的，有较强的直观感，可以将浏览者带进特定的情境中。摄影图像经过计算机图像处理技术加工处理后，结合相应的文字描述，很容易被人们所接受和喜爱。另一种应用较多的是插图。在网页中，插图经常用在描述性的文字的四周，既能增强直观感，又能起到延伸文字和拓展信息的功能。插图可以表现写实性的图片，也可以表现抽象类的图片，具体根据实际需要设计。此外，还可以在网页中插入一些有特色的图形符号等图像形式，以增强网页的艺术魅力和视觉冲击力。

3.3网页设计中图像的角色和职责

在网页中图像有多种角色，比如网站的LOGO、背景图、网页关键图和导航等，角色不同，职责自然也不同。下面对其中较为重要的3种角色类型做介绍：1)网站的LOGO。LOGO是网站的标志，也是网站的名片。它是互联网络上各个网站之间链接的图形标志，是网站提供给浏览者进入网站的一个门户。图形的LOGO比文字链接更吸引人的眼球。从某种程度来讲，LOGO决定着一个网站的点击率，可以说是一个网站的“点睛”之处。对于一个高品质的网站，一个好的LOGO能够反映网站的某些信息，比如网站类型、内容和风格等。提起LOGO，我们很容易想到一些熟悉的网站，比如百度、搜狐、新浪等，这就是品牌的效应。LOGO大多是网页设计师切合网站的理念、文化特色精心设计的，兼备功能性和艺术性，给浏览者带来艺术美感的视觉享受和高度的信赖感。2)网页的背景图。近年来，一些网站使用背景图像作为背景，给浏览者一种视觉冲击感。背景是网站的主要组成部分。对于一个网站来说，背景图一定要简单，效果不能太过强烈，只要提供一点质感就可以，否则就抢了页面内容的风头。如果背景图的设计与网站融为一体，并且富有特色，色彩视觉效果处理得当，就会对浏览者产生很大的吸引力，浏览者有兴趣进一步浏览网站。那么这个网站在同行业中便会出类拔萃，在网络营销上也会占据优势。3)网页的关键图。网页上通常都有一些很醒目的图像，用来吸引浏览者的注意力。在网页中插入图像的主要目的是用来宣传一些主题，一般在页面最显眼的位置，不需要过多的文字描述信息，浏览者看到图像就能知晓其所表达的含义，表达内容非常直观，视觉冲击感非常强。

3.4网页设计中图像的处理技巧

3.4.1图像的尺寸网页要达到理想的效果，图像的合理布局就显得尤为重要。设计师就需要灵活运用计算机图像处理技术，熟练掌握图像处理技巧[3]。图像的尺寸直接影响网页的直观效果。尺寸大的图像包含的内容丰富，能够更好的表达出设计意图。尺寸较小的图像，一般个性感强，具有衬托主题的作用。使用矢量创作工具制作的图像通常保存为PNG格式，尺寸需要在矢量绘图工具中确定，转换为位图后一般不再对其进行缩放操作。特别需要注意的是，Fireworks创建的PNG文件中包含图层等一些可编辑信息，其中直线、文字、形状都属于矢量图。将此类图像应用于网页设计中应先进行输出以便压缩文件大小，而输出的PNG图像会丢掉可编辑信息而转为位图。因此，图像尺寸的调节应在输出操作之前完成。对于现成的位图和照片，不要使用HTML语言中的height和width属性来改变图像尺寸，这样可能会使图像严重失真。一般使用Photoshop等软件调好尺寸后再插入到网页中。通常，放入网页中的图片应控制到一个比较小的尺寸。如果与文字混排，宽度最好在300px左右。即便单独出现，宽度也最好在600px以下。至于高度，以不超过一屏为宜。

3.4.2图像的外形不同类型的图像有不同的特色。比如，我们看到矩形的图像，就会有一种中规中矩的感觉；圆形图像给我们一种亲切温暖的感觉；不规则的图像会呈现出动感、有活力的感觉；菱形图像能够增加网页的美感。因此，我们需要将合适的图像应用到相应的网页设计中。

4结束语

综上所述，网页设计是一项涉及领域较为广泛的工作，要求网页设计师具备较高的专业技能。计算机图像处理技术在网页设计中展现出巨大的优势，将其应用到网页设计中，大大的提升了网页设计的质量与效果。在不久的将来，随着计算机技术的发展，计算机图像处理技术一定会取得更大的进步，网页设计也会更加完善、更加精彩。

参考文献

[1]蒋丽君.浅谈网页设计中计算机图像处理技术应用[J].商品与质量:消费研究,2015(1):71.

[2]仇乐.网页设计中计算机图像处理技术应用解析[J].煤炭技术,2013,32(3):204-205.

[3]刘显丽.浅谈图像处理技术在网页制作中应用[J].辽宁师专学报:自然科学版,2007(3):35.

作者：白雪 单位：鞍山市信息工程学校