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

摘  要： 我国的经济地位在各方面技术稳定发展的背景下也得到了很大程度的提升，特别是在计算机图像处理方面，有着十分显著的成绩。但与此同时，人们对于网页设计的要求也在日益增强，人们除了追求外观以外，还对网页的打开速度以及信息丰富度提出了更高的要求。因此，本文通过阐述图像处理技术的相关概念，分析了其在网页设计中的应用功能以及相关处理技巧，最后对网页设计中图像处理技术的应用策略进行了探讨。

关键词： 网页设计;图像处理技术;概念;功能;技巧，策略

中图分类号： TP311.5    文献标识码： A    DOI：10.3969/j.issn.1003-6970.2020.07.049

本文著录格式：薛若禹. 网页设计中图像处理技术的应用[J]. 软件，2020，41（07）：239-241

The Application of Image Processing Technology in Web Design

XUE Ruo-yu

（NanJing Forestry University nanjing 210037， China）

【Abstract】： Chinas economic status has also been greatly improved under the background of stable development  of various technologies， especially in the field of computer image processing. But at the same time， people's requirements for web design are also increasing. In addition to the pursuit of appearance， people also put forward higher requirements for the opening speed and information richness of web pages. Therefore， this paper describes the related concepts of image processing technology， analyzes its application function and related processing skills in web design， and finally discusses the application strategy of image processing technology in web design.

【Key words】： Web design; Image processing technology; Cconcept; Function; Skill; Strategy

0  引言

社会在快速的发展，我国的信息技术与科学技术也得到了很大程度的提升与完善，现代行业的  发展与网页设计与建设都有着十分重要的联系，因此企业要想在残酷的市场竞争中获得长远发展，就要重视与企业相关的网站设计与网页设计工作。为了能够促进网页设计工作质量的提升，我们就需  要用相关的图形图像处理技巧提升网页质量与设计水平。

1  计算机图像处理技术的概念

所谓图像处理技术，就是指在计算机技术的基础上，对图像进行科学的处理，利用数字化、多媒体、虚拟化等多元化的技术对图像进行有效设计，再把设计好的产品运用到网页设计中，提升网页设计质量^[1]。其次，图像处理软件可以对图像的大小、像素等进行改变，再融入创意化的设计元素，这样才能基本符合设计者的要求，同时对图像进行转变的过程，也能更加与网站内涵互相结合。最后在转变图像时，要有效把图像转化为数字图形，再进行代码解读，这样也可提升计算机图像处理技术，促进网页设计美感与实用性的提升。

2  计算机图像技术在网页设计中的功能

2.1  强烈的视觉冲击

社会在不断的发展，互联网时代给人们的生活带来了很大的改变，人们可以从WEB资源网站、网站发布以及网页等方式获取信息，这些网站资源最主要的来源就是各种网页信息，因此资源网站也促进了网页的基本发展^[2]。人们对信息资源的需求在日渐增加，因此网站提供者要根据使用者的需求

不断对网站进行设计更新，例如就目前的网站制作行业来说，如何增加用户数量成为了一个核心的问题，为了能够有效吸引用户，为用户带来更精彩的体验，网站方面一定要利用丰富的网页图像，使用户能够在阅读更少文字的基础上获得更多的信息内容，获得良好的阅读感受。在对网站进行开发与管理时，要特别重视图像信息的重要性。图像是一种最直观的展示信息的方式^[3]。有关数据显示，人們对图像的认可度远远超过文字认可度。与传统文本形式相比，用户可以更加自如的选择关闭图像信息网页。有关调查表明，有超过70%的用户均认为，网上冲浪时阅读图像远远比阅读文字的时间更短且更加有趣生动，如果网站没有配备合适的图像信息，就无法有效吸引用户。因此，在对网页进行建立以及维护时，还要特别加强网页内容的健康性。

2.2  信息引导功能

网页设计的图像不是随机的，其主要的用途是需要改善用户的视觉感受，还要在提供健康内容的基础上不断补充以及更新图像信息内容，这样才能更好地促进用户与网络进行沟通。在初步建立网页时要根据内容的大小选择合适且具有个性化的文本进行展示。因为读者要对网页中的重要信息进行拾取，图像能够更加直观清晰地向观众呈现自身的内容价值，观众才能获得更具影响的信息^[4]。首先，网站还要根据图像的信息，用相关的计算机技术对图像进行处理，把其与呈现的内容紧密联系，图像可以展示一些关键性的信息以及词汇，可以使观众更加迅速且高效地对网页进行浏览，可以通过网页所提供的信息获得自己想要的信息，缩短网页浏览时间，获得更好的网页体验。其次，网页图像内容与信息内容互相结合的方式，能使一些信息利用文字的方式表示出来。一般来说，我们提供的信息可能会相对不准确，特定的视频以及图像能够更加精确地为用户提供图像中要表达的信息，能够利用各种真实的场景向用户展示更重要的关键信息。

3  图形图像处理技巧分析

3.1  去噪处理技巧

图形图像技术与网页的融合会带来一定的噪声，其主要的原因是因为图像自身的属性。因此，为了能够进一步消除噪声带来的不良影响，相关人员要把噪声处理技巧与网页设计进行改善，这样能够促进整体布局的提升^[5]。

3.2  增强处理技巧

增强处理技巧是指在后期制作时，对图像周围的影像进行淡化处理，可以进一步突出中心主题，这样的技术不仅可以增强画面的画质感，还可以达到美化的作用。图形图像增强处理技术十分突出，可以分成很多类型，比如色彩增强、中心锐化、边缘模糊等。

3.3  压缩处理技巧

一般来说，图形和图像压缩技术将广泛应用于数字图形和图像中，对数字图像中混杂的数据信息进行有效的压缩处理，可以有效地提高圖形图像的像素级和颜色分辨率，从而避免图形图像的失真，保证图形图像的质量，提高压缩比。

4  网页设计中计算机图像处理技术的应用策略探讨

在当前网页设计过程中，应用计算机图像处理技术，可以了解图像形态的变化、图像应用的意义，明确具体网页的图像处理技巧，合理的图像分布，改进整体设计^[6]。

4.1  加强对各种图像形式的认知

有许多类型的计算机图像形式，包括截图和摄影。首先，摄影在网上有一定的场景，内容表达直观，更容易被观众接受。在网页设计过程中，图片的引入可以传递网页设计的思想，同时，在图像浏览过程中，观众也会吸引他的视觉和注意力，利用计算机图像处理技术对照片进行处理，并添加文字描述，帮助浏览者获得视觉体验。因此，网页设计师应综合运用各种图像形式，设计图像的大小、颜色和弹出方式，并显示一定的页面效果。其次，插图是网页设计的一种方法，在应用过程中，插入图片来表达要传递的具体信息，使访问者获得直观的感受，插图可以来自真实的图片或相关的绘画，根据实际情况进行选择，插入图形、符号、窗体、视觉提升对访客的视觉影响，为提高网页设计的质量打下基础^[7]。

4.2  促进对图像的合理分配

在网页设计过程中，图像起着非常重要的作用，要合理分配图像的位置和大小。不同的网页对图像有不同的要求，图像应根据网页的样式显示。例如，一些网页倾向于浪漫主义，因此图像应该是柔和的和审美的。网页设计者应遵循网页的风格，选择合适的图片为网页增色。其次，作为图像的背景，我们需要添加一些文本来丰富网页设计的内容，因此，用文本来解读图像可以加深浏览者的印象。此外，在网页设计过程中，应注重插图和线条图形在网页背景上的装饰以体现整体风格。例如，在一些企业网站的网页设计过程中，网页上往往会放置企业的标志，这样可以加深浏览者对企业的印象，促进企业发展，提高企业的核心竞争力。

4.3  掌握图像处理技巧

在网页设计过程中，网页设计者要运用计算机图像处理技术，掌握具体的处理技巧和方法，使网页更加美观，传递中心思想，吸引访问者的注意力。因此，计算机图像处理技术要根据网页设计布局决策的现状，合理地设计图像的大小、形状和位置。作为网页的主体，有必要使网页设计与众不同，对网页综合运用不同的图像，丰富版面，展示网页内容^[8]。

（1）图像尺寸

在总体布局中，大小影响网页的直观效果。如果图片尺寸过大，网页的设计效果会很差，因此，有必要对网页图像的大小进行合理的调整，使所传达的内容更加精细，从而吸引观众的注意力。同时，在网页设计中要将图像和文本结合起来，展现网页的主标题和副标题，以引起更多的关注，达到设计效果。

（2）图像外形

在网页设计过程中，需要整合不同的图像特征。例如，当我们看到一个圆形的图像时，它往往会给人们带来温暖，而一个正方形的图形则会给人们一种规律感。因此，我们需要选择不同形状的图形，针对规则与否、对称与否等问题，不规则图像往往给人一种运动的感觉，而规则图像则给人一种严谨的感觉^[9]。

（3）配置网页中的图片颜色

不同的图片在网页设计中有着不同的效果，因此我们应该突出不同图片的特点，优化网页的设计风格。同时，图像也是网页设计的重要组成部分，要用图表和背景来呈现，配以相关文字，提高整体设计效果，并利用计算机图像处理技术对网页中图片色彩进行合理设置，丰富网页设计的内容，体现其个性化发展。

（4）设置图片格式

图像格式在网页设计过程中起着非常重要的作用，根据计算机网页设计的要求，合理选择图像格式，保证设计的合理性，特别是对于要求较高的图像，需要使用图像、截图、链接图像设置模式，给整体浏览带来一定的视觉效果。其次，优化网页设计形式，把握整体设计效果，保证形象设计的合理性，采用不同的形象设计形式^[10]。

5  总结

综上所述，为了使图像处理技术在网页设计中发挥更大的作用，使人们能够更方便、更高效地进行图像处理，从而提高网页搜索速度和页面流畅性，图像处理技术人员需要对新的图像处理技术进行增强，不断发展和创新，努力扩大图像处理技术的应用。

参考文献

1. 王宏义. 基于视频图像的交通事件检测系统研究与开发[J]. 公路与汽运， 2017， 5（3）： 57-60.

2. 蔡健荣， 孙海波， 李永平. 基于双目立体视觉的果树三维信息获取及重构[J]. 农业机械学报， 2012， 43（3）： 152-156.

3. 贾磊. 基于机器视觉的公路隧道衬砌检测系统研究. 山西交通科技， 2016， （06）： 98-100+106.

4. 蒋昊朋. 新媒体环境下网页设计发展趋势分析[J]. 赤峰学院学报： 自然科学版， 2017， 33（4）： 15-17.

5. 陈利萍. 以培养电子商务专业人才为目标的图形图像处理课程教学探讨[J]. 当代教育实践与教学研究， 2016（9）： 229， 228.

6. 吴雪毅， 杨德义. 网页设计中计算机图像处理技术的应用[J]. 信息与电脑（理论版）， No. 399（5）： 6-7.

7. 李淑玲. 网页设计中计算机图像处理技术的应用[J]. 信息与电脑（理论版）， No. 394（24）： 163-164.

8. 王萍. 浅谈网页设计的图像[J]. 中国美术， 000（6）： 122-124.

9. 陈智盖. 新时期网页设计中计算机图像处理技术应用分析[J]. 计算机光盘软件与应用， 2014（15）： 219-220.

10. 杨威. 网页设计与图形图像处理技术探析[J]. 电子制作（8）： 96-96.