庄丽君

摘   要：文章主要以图像处理技术为出发点，分析常见处理技术如增强处理、去噪处理及压缩处理，并以此为基础，通过图像格式选择、网页风格设计、网页标识设计、其他网页设计等，探究网页设计中计算机图像处理技术的应用措施，以期为相关工作者提供参考。

关键词：网页设计;计算机;图像处理;应用

随着科技的不断发展，图像处理技术愈发完善，并被广泛应用于各行各业中。目前，网页设计最具时代特色，包含众多图像处理内容，如何将图像处理技术正确应用到网络设计中，并将两者完美融合，呈现精美图像吸引更多消费者目光，调动人们积极性，已经成为现阶段的研究热点[1]。因此，相关工作者应当重视网页设计中图像处理技术的应用，让网页设计更具美感及艺术感，促进整体效果的提高。

1    图像处理技术概述

计算机图像处理主要是加工、分析、处理图像，让其能够满足人们心理及视觉方面要求的技术。图像处理作为图像中信号处理的应用之一，通常以数字形式存储，处理内容包含调整大小、色彩、亮度，优化图片，文字编排，保存及输出图片等，主要有以下技术。

1.1  增强处理

图像增强处理主要在于“淡化瑕疵、突出重点”，此部分的图像处理包含图像变换、添加滤镜、锐化、剪切等，借助有关软件处理可增强计算机图像的某种特性，达到处理意义。以处理技术视角而言，最佳方式是对图像色彩及清晰度的调整[2]。可借鉴伪色彩处理技术，将传统的黑白失真像片转变为彩色，并利用锐化的手段，通过滤波处理及差分运算处理，让图片结合深度更加“清晰、尖锐”。此种增强技术可与视觉光学效应相结合，为生活中普通图片添加更多色彩，属于常见计算机图像处理技术的一种。

1.2  去噪处理

图像制作过程中常见“量化噪点”“高斯噪点”等情况，与原信号输入图像并无过多联系，通常是内部器件造成的影响，与软件量化处理效果相关。成像质量对于观赏舒适度具有严重影响，无法正确展现图片价值。因此，应当使用图像去噪技术，使用“中值滤波”或“均值滤波”的方式，以一定灰度值为依据排列图片的像素信号，分析噪点或中间值的强度，插入相应中间值或模糊值，达到降噪效果。

1.3  压缩处理

计算机图像处理技术中，图像压缩液位常见技术之一，主要是依据压缩图像数据，实现图像的传递，可最大限度地降低图像失真率。以运行效果视角而言，可实现有损或无损的图像压缩，由于压缩内容与时间存在差异性，运算时可通过“图像交换”的方式进行处理。

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

2.1  图像格式选择

网页设计中图像格式众多，应当依据不同要求选择相应的图片格式，展现不同网页设计效果。通常情况下，图像主要包含PNG格式、GIF格式、JPEG格式。

（1）PNG格式，属于无损压缩，具有较好的透明度。无色彩图像可实现16位存储，有色彩图像可实现48位存储。尽管PNG格式为无损压缩，但此过程中仍然会让图片产生变化，图像颜色越多，则损坏程度越高，需要慎重选择。

（2）GIF格式，简单而言，属于图形位置变换，同样为无损压缩存储，可实现动画图像的制作，有效满足人们对于多图像的观赏需求。但是GIF格式存储对于色彩图像具有限制性，图像中若是含有大量色彩则无法使用。随着互联网发展，网页浏览中GIF格式对于浏览器并无较高要求，已成为常见图像格式。

（3）JPEG格式，为图像压缩格式，属于有损压缩，压缩时可承载色彩20多种，此种压缩技术较为先进，不仅可对图像进行调节，还能压缩图像比例。压缩越小，则图像质量随之增高;比例越大，则图像质量随之降低。另外，压缩中图形色彩并不会产生变化，适合色彩较为丰富的图像存储[3]。但是此格式不适合文字清晰、线条图片的存储。

设计时应当以网页设计需求为依据，选择合适图片格式。若图像色彩较多，线条无反差，则使用JPEG格式;图像线条边缘明显，色彩较少，且需要透明背景，则选择PNG格式;网页若考虑浏览器支持问题，则选用GIF格式。

2.2  网页风格设计

网页设计中图片具有重要作用，且不同地方图片的规模、职责都不同，實际不同网页设计风格对于图像要求不同。主要体现在以下几个方面。

2.2.1  图像风格

设计人员可利用图像处理技术，对网络图片进行“修图”处理，仔细斟酌网络结构与排版[4]。如网页设计以真实为风格，则图片应当以真实体现为主，若是网页以浪漫为其风格，则应当加强对图片的渲染;受众是漫画爱好者，可拼接动漫人物的图片;中国风，则应当朱红色彩搭配及内部结构，可选择具有山水、水墨特点的画面拼接处理。网页设计人员应当以不同网页风格为依据，选择相应的图片，为网页设计增添光彩。

2.2.2  图像尺寸

网页设计中图像布局具有十分重要的作用，应当对图像尺寸进行充分考虑，依据网页特点设计不同的图像尺寸，以此吸引更多潜在客户。如大尺寸图像可涵盖较多内容，表达内容丰富、直观，可让网站用户在第一时间被大尺寸图像吸引，了解网站内容;而小尺寸图像则个性化较强，可对整体网页内容进行衬托。网页设计中若是并未有效结合图像与文字，则展示网页主题时，应当配置合理的主副标题，对主标题重点突出，以此吸引相关用户的注意力。

2.2.3  图像形状

现代化网页的设计中，图像设计方案众多，图形不同类型存在图像特点的差异。如，平面图形将会让人们感到更加亲切;不规则图形则给人以活泼、充满活力的感觉;方形中规中矩。所以，图形的选择应当依据网页主题而定。其中，生活中较为常见的是方形图像，由于方形图案具有较强的威严感，更易得到使用者信任，不会对网站信息质量产生怀疑，且方形图案稳重，可引导使用者进行思考，充分反映了整体网页的风格特点，主要将其应用于官方网站之中。圆形图案线条柔和，具有充实感、自由感，圆形图案的应用能让使用者情绪更加放松。

2.3  網页标识设计

无论何种网站，在成立之初都存在其目的性，整体网页中，网站LOGO、关键图、背景图等对于网站个性化设计具有重要影响。

（1）网页LOGO，对于网站浏览率及点击率具有决定作用。一般情况下，LOGO展现的是品牌形象及知名度。如Sina为新浪LOGO，人们一旦看到上述字母，即便并未看到新浪网的名字，也会了解Sina表示新浪。LOGO则是设计时依据企业特点与理念所设计的，不仅是简单的字母组合，其中应用图像处理技术，以白色为底，字母i的点通过表象性手法处理，让其成为一只眼睛，整体字母i好似一个小火炬，充分表达了“世界在你眼中”的形象理念，具有独特的艺术性与功能性，激发了人们对网络世界的探索欲，更易记住新浪网域名。一个好的LOGO能够让用户产生好感，吸引其注意力[5]。

（2）网页关键图。在日常生活中，可了解网页通常使用醒目标题，不仅可将网站点击率提高，还能推动网站的完善与发展。网页中也应当插入关键图，以便用户能够通过关键图加深对网站的了解，关键图的作用是统领全局，即便并无文字衬托，也能让图像将网页内容表达出来，全面了解网页内涵。

（3）网页背景图。网站若是想要强化自身特点，则应当在网页设计过程中以有意义、内涵的图像作为其背景图，设计人员还可以使用较小的线形图、超图等，修改页面背景，达到衬托网页文字、凸显网页主题、吸引更多客户的注意力的目的，推动网站的进一步发展。

2.4  其他网页设计

（1）图片切换。鼠标移动后触发图像，将鼠标焦点置于网页图片之上，显示多种图片，此时将图片恢复为最初显示图片，为实现图片的切换，可添加鼠标移动功能，有效完成函数图像化。但是应当注意事前准备好切换的两张图片，保证大小一致。

（2）制作相册。网页中制作相册，如目前热门的博客，设定图片时，为达到有序切换，可调出相应大图，图片显示后依据设定程序代码切换图片，可使用FireWorks技术进行处理。

（3）摄影图片。在网络设计中摄影画面构成的图片较为常见，具有生动性、直观性、真实性等特点，使用时能够将用户目光迅速吸引过来，让其进入特殊情境之中。此种图片用户接受性较高，通过图像处理技术，可将结合特定词语与摄影图片，以多种角度为用户提供风格不同的画面，得到审美需求的满足。但是在实际应用过程中，单张使用摄影图片则会让网页显得单调粗糙，引起观赏者反感，影响了整体网页概念的体现。因此，设计人员可使用多种图像方法，不仅可增加网页内容的丰富性，还能通过多种图片突出网页的中心思想。

（4）插图设计。插图也是网页设计中常见的形式之一。为有效拓展文本信息，插图应用十分广泛，能够将或抽象或写实的艺术性充分展现出来，结合网页实际需求选择图片。图形符号在网络设计中应用也较为广泛，可作为网页装饰，提高设计的艺术性，丰富网页画面感。

3    结语

在网页设计中依据网页设计需求，选择合适的图像格式、图片风格、形状尺寸、背景图及关键图等，可以吸引更多用户的注意力，有助于达到提高浏览率的目的。

[参考文献]

[1]耿甜，胡垂立.计算机图像处理技术在UI设计中的应用[J].无线互联科技，2019（15）：133-134.

[2]洪世勇.新时期网页设计中计算机图像处理技术的应用[J].信息与电脑（理论版），2018（11）：171-172，175.

[3]李志立.计算机图像处理技术在网页设计中的最佳化应用解析[J].电脑知识与技术，2018（17）：233-234.

[4]张华，陆玉.新时期网页设计中计算机图像处理技术的应用[J].浙江水利水电学院学报，2019（2）：75-78，82.

[5]米热古丽·克比尔.网页设计中计算机图像处理技术的应用[J].数字技术与应用，2018（9）：139，143.

Application of computer image processing technology in Web page design

Zhuang Lijun

（Guangdong Baiyun University， Guangzhou 510450， China）

Abstract：Based on the image processing technology， this paper analyzes that the common processing technologies are enhancement processing， denoising processing and compression processing， and on this basis， through image format selection， Web page style design， web page logo design， other web page design， etc.， to explore the application measures of computer image processing technology in Web page design， in order to provide reference for relevant workers.

Key words：Web design; computer; image processing; application