新时期网页设计中计算机图像处理技术的应用

张 华, 陆 玉

(阜阳职业技术学院，安徽 阜阳 236031)

网络信息技术发展的今天，网络宣传的受众范围越来越广，艺术与网络展示的有机结合是社会发展必然趋势。因此，在进行网页设计时，可以将计算机图像处理技术应用在其中，这样不仅能够使网页更具吸引力，而且网页将更具美感与艺术性。基于此，本文将重点介绍计算机图像处理技术在网页设计中的应用。

1 计算机图像处理技术

在今天的网页设计中，几乎都需要使用计算机图像处理技术。更好地应用计算机图像处理技术，能保证网页设计的科学性和美观性。因此，我们需要掌握相应的图像处理技术与技巧，这样才能熟练地应用计算机图像处理技术。计算机图像处理技术中有许多内容，本文将分析降噪技术，增强技术和压缩技术(见图1).

图1 计算机图像处理技术体系

1.1 去噪处理技术

在进行图像制作时，常常会遇见很多“高斯噪点”“量化噪点”现象。这些和输入原信号图像都没有太大关联，都是由于内部器件影响，软件量化处理程度有关[1]，其成像质量影响观赏舒适度，不能实现图片价值。为此，在去噪操作时建议采用“均值滤波”“中值滤波”等方式，将图片中的像素信号按照一定灰度值排列，将其中的中间值或者噪点强度进行数值化分析，进而插入一定的模糊值或者中间值，以实现降噪任务，其处理案例效果(见图2)。

图2 去噪处理技术

1.2 增强处理技术

增强处理技术的重点在于“突出重点，淡化瑕疵”。对于图像处理，这部分处理技术包括图像变换、剪切图像、锐化和添加滤镜等。借助相关软件处理，可以帮助计算机图像增强其特性，实现处理意义。就其处理技术而言，最有效的方式就是调整图像色彩和清晰度调整等。具体操作时可借助相关伪彩色处理，让一些传统的失真的黑白图片变成彩色。而利用边缘锐化方式，在差分运算和相关滤波处理过程中，能够让一些图片结合位深度变得更加“尖锐”、“清晰”(见图3)[2]。这种增强处理技术，能结合光学和视觉效应，帮助人们将生活中平凡普通的图片变得更加丰富多彩，因此也是一种常用的计算机图像处理技术。

图3 增强处理技术

1.3 压缩处理技术

图像的压缩在计算机图像处理技术中比较常见，主要用来压缩图像数据。通过压缩图像的方式，可以将图片进行有效传递，这样可以在最大程度上将图像的失真概率降到最低。结合其运行效果而言，其可以将图片进行有损或者无损压缩，其相关的压缩时间和内容也会存在很大差异[3]。现在较为流行的图片压缩类型有“JPEG”“MPEG”两种。其运算方式是借助了“图像交换”，类似“游程码”，相关处理流程(见图4)。

图4 压缩处理技术

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

2.1 增强网页美观性

计算机图像处理技术可以根据网页设计的实际需要处理网页中的图片。例如，使用计算机图像处理技术可以调整网页中图片的颜色，从而使网页的视觉传输效果更好。浏览者在浏览网页过程当中，将会被美观的图像吸引，可不断增加网页浏览量。除此之外，在利用计算机图像处理技术进行网页设计时，需要对图像尺寸、网页设置以及文字排版等进行充分考虑，这样保证各项内容的设计能够符合网页需求，提升网页美感，合理规划网站结构，以提高浏览量。

2.2 视觉冲击强烈

在如今的互联网时代当中，人们通常情况下都会利用网络获取到相应的数据信息或者自身想要的内容，网民资源是一种重要资源，网民对网站的浏览、网页的浏览以及相应的点击率等，是网站与网页更好发展的前提保障。在信息化时代当中，信息资源较为丰富，所以各个网站之间以及网页之间的竞争逐渐激烈，怎样能够吸引更多网民浏览网站或网页是增强市场竞争力的重点。图像是一种最为直观的信息表现方式，相较于文字而言，信息图像更能吸引浏览者的眼球。因此，在网页设计中，我们需要运用计算机图像处理技术科学合理地设置图像，将其调整到合适的大小，使其颜色更加鲜明。许多网站或网页在设计过程当中，通过色彩调整等方式不断提升其视觉冲击感，为网民带来更好的阅读体验，从而实现网站与网页的更好发展。

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

3.1 在网页风格形象上的应用

在网页设计当中，针对其中大量的图像都需要进行相应的处理，对图像的处理工作都需要利用计算机图像处理技术，对网页进行风格的统一化和主题的明确处理，以最大程度上保证网页设计的科学性、合理性以及美观性等。

网页作为网络信息的传达者和“门户”，网页的整体风格是网站信息资源代表与典型，能够体现出网站的文化特点[4]。所以，在进行网站风格设计时候，相关设计人员可以借助计算机处理技术原理，针对网络图片的图文信息“修图”处理。同时网页的结构和排版也需要自己斟酌，需要发散思维让其传递的信息简略，清晰，移动。在网页风格建设上，要明确浏览者的风格和信息接受能力，如针对受众群众设计漫画风格网页，就可以借助于一些动漫人物图片的拼接；如针对中国风就需要注重内部构图和色彩搭配，选择一些具有水墨，山水特征的画面进行“抠图”“拼接”[5]。

在这方面，“携程网”就做的比较好。在色系上，网站的底色是淡蓝色，网站字体的颜色也主要是黑、蓝、黄这三种颜色，整个网页的整体风格给人的感觉是很清新，又不单调，符合人们的旅游预期，也体现网站的文化特点。在网页的排版、框架方面，携程页面主要分三大区块，上面主要是导航栏，下面是广告、链接等区域，而中间是整个网站的主体部分。中间主要是三大列，分区清楚，信息简略、清晰、层次浅显易懂。另外，携程网页运用了一些含Flash、Java、script等特效。整个网站的风格与主题搭配的比较得当，网页风格让人耳目一新。

3.2 在创造LOGO上的应用

矢量设计也是网页设计的重要部分，一个简单且生动的LOGO，能够浏览人员迅速记住和网页相关的信息。比如，圆形的图形可以给人温暖的感觉，而不规则的图形能够给人动态的感觉。当浏览者看到正方形或者矩形时，将会感觉的束缚或者中规中矩。

例如，在每一个网页当中都会有网站的标识，不同网站的标识都有着不同的含义，科学合理的标识设计，可以增强浏览者的浏览欲望，并且可以充分展现出网站文化。比如，人们所熟知的小米手机，也就是小米科技，标识就是简答的MI(见图5)。虽然它似乎是一个简单的字母组合，但实际上是通过计算机图像处理技术进行认真处理的结果。经过计算机图像处理技术处理后的小米标识，会比正常的字母标识更具美感，可以更好体现出小米用心的理念，这样可以使浏览者更容易感受到小米的企业文化，从而在最大程度上促使浏览者到小米商城当中浏览更多小米商品，促使浏览者消费。在浏览过程中，浏览者将会逐渐增强对小米企业的文化认同感与企业认同感，最终成为小米的忠实者。为提升网页的质感与档次，对网页背景图需要精心制作，信息与背景需要相匹配，让浏览者能够在浏览当中，明确网页的主题，为浏览者带来更好的浏览体验。在如今的图文时代当中，不仅需要网页当中拥有相应的文字信息，同样需要一定的图像信息，将文字与图像进行有机结合。在制作精良的网页当中，都会在其中添加相应的图像，吸引浏览者眼球，同时能够不断提升浏览者的信息阅读效果[5]。通过细腻的文字让浏览者明确网页主题，利用制作优良的图像，给浏览者带来强烈的视觉冲击。

图5 小米标识

3.3 在提升网页浏览量上的应用

在网页设计当中会采用不同的图像种类，动态图、拍摄图以及截屏图等是较为常见的图像类型。在网页设计当中添加不同类型的图片，可以使网页更具观赏感，丰富网页内容，增加浏览者的视觉粘性，从当前的几个门户网站上，例如网易、新浪等都可以看到这些应用。比如，从这些网站中看到拍摄的短影片时，无疑带给浏览者更加强烈的写实感，这样浏览者在网页浏览时将明显感觉增强了自身的代入感[6]。再如，这些网页中都设计了不少动图图像，来对网页中的某一个功能进行解释，那么浏览者就能更好的理解网页操作，提升对网页的满意度[7]。因此，计算机图像处理技术在WEB设计中的应用过程中，我们需要尽可能地设计不同的图形图像，以增强网页的趣味性。但是也需要注意到，图形并非越多越好，而是需要保证应用的科学性与合理性，这样才能在最大程度上保证网页设计的美观度，同时为浏览者带来良好的体验(见图6)。在网页设计过程当中，需要保证网页的基本性能与基本作用，在此基础上对网页进行设计与制作。

图6 网页设计流览图

3.4 在网页针对性信息传输方面应用

值得注意的是，借助有效的图形处理技巧，能够优化网页设计。在网页设计中，不同的图像大小会给访问者带来不同的感受[8]。例如，黄色三角形图像通常表示受限功能，不能继续使用。红色感叹号通常情况下表示性能失效或者设备设施遭到破坏等，所以，需要对网页图像的角色与职责进行明确，这样才能充分发挥图像的作用[9]。比如，针对一些公益性网站，其网页在选择配图和后期修图、图文搭配等方面一般都会以浅色调为主，且在修图方面切忌出现较多颜色而产生干扰信息。针对一些商业性网站而言，其主要是销售为主，因此在图片设计上一般都会采取“精修图”，加强“撞色”设计，引发消费者的购买欲。例如，公安或者法院的网页设计通常情况下是采用方向图像，这样可以为浏览者带来庄严感。具体形状需要结合网页中的具体内容进行设计，这样才能够保证图像外形设计的科学性与合理性(见图7)。利用计算机图像处理技术做好网页当中的针对性搭配，能够为企业实现相应的建设目标提供帮助。

图7 图形处理技巧汇总

4 结 语

计算机图像处理技术可以在网页设计中发挥重要作用，文章通过对计算机图像处理技术在携程网、小米的LOGO、网易与新浪等门户网站以及相关公益与政府网站的应用研究分析，确认与证实计算机图像处理技术在确定网页设计风格与形象、在LOGO的创造方面、在提升网页浏览量方面以及在网页针对性信息传输方面都有着重要的作用与意义，计算机图像处理技术的应用可以大大提高网页设计的科学性、合理性以及美观性，并且制作优良的图像，能给浏览者带来强烈的视觉冲击，以及超出期望的质感和美感。因此，合理地应用计算机图像处理技术势在必行。