APP下载

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

2020-12-06李婉莹

魅力中国 2020年43期

李婉莹

(西安翻译学院,陕西 西安 710105)

前言:人类的发展已经进入到了互联网时代,对网页设计提出了更高的要求。因此,在保证网页设计可靠性与稳定性的基础上,合理运用计算机图像处理技术提升网页的美观,是网页在激烈的竞争中获得优势的重要手段。

一、计算机图像处理技术

(一)去噪处理技术

高斯噪点、量化噪点是图像制作中常见的问题,是由于软件内部器件量化处理功能出现缺陷导致的,使得图片像素受到严重影响。去噪处理技术能够有效解决这类问题,用到的技术手段有“中值滤波”、“均值滤波”,主要工作原理是排列图片像素中的灰度值,并利用相关技术将中间值或噪点强度数值化,进而完成图像降噪处理工作。

(二)增强处理技术

增强处理技术包括图像变换、剪切、锐化以及加滤镜、加饱和度、加曝光等,并借助图像处理软件淡化图像中的瑕疵,实现图片特性的增强。图像增强技术可有效提升图像的清晰度,可将黑白图像还原为彩色图像,并借助一系列增强手段,结合光学、视觉等原理,提升图像的吸引力。因此,图像增强处理技术具有十分广阔的应用空间[1]。

(三)压缩处理技术

压缩处理技术是处理图像中经常用到的技术,主要分为无损压缩与有损压缩,两种压缩方式的处理效果、处理时间存在较大差异,根据实际需要进行合理选择。该技术主要是压缩图像自身数据,以此实现信息的有效传递,在很大程度上能够避免图像失真现象的发生,以满足不同用户对图像的制作的需求。

二、计算机图像处理技术在网页设计中的应用方式

(一)调整网页设计中的图像大小

将计算机图像处理技术应用到网页设计中,必须从整体协调性出发,对图片素材大小进行调整,一般有以下几点注意事项:一,注意计算机屏幕尺寸。屏幕尺寸的大小对图像尺寸有着直接的影响,在进行网页设计时,要注意计算机的长宽与图像大小间的关系,避免对设计效果产生影响。二,注意图像清晰度。图像大小与图像清晰度之间有着密切联系,图片过大或过小,都会影响整体设计质量。在实际处理图像过程中,全方位、多角度地考虑各种因素,根据图像大小需求选择适用的格式范围,然后通过Photoshop或Fierworks将图像导出,并根据网页主题颜色、设计大小对图片、动画展开具体设计与制作,同时注意衡量屏幕分辨率、图像大小、图像质量、网页效果之间的关系,进而得到理想效果。动态度、拍摄图也是网页制作中常用到的图像素材,例如,网易、新浪等这些应用,通过动态图片以及视频为用户带来了更加真实的感受,使得浏览者在阅读时的代入感得到增强。在设计时,不仅要满足网页制作趣味性以及基本功能,也要注意动态图片的大小,只有合理使用动态图像素与静态图像素材,才能保证网页设计效果,让页面更加简洁美观[2]。

(二)优化网页设计中的图像角色配置

图像大小、功能、位置等会在一定程度上影响网页设计效果。例如,网页中常见的黄色小三角图像表示网页使用功能受限或无法继续使用,网页出现故障或功能失效则会用红色感叹号表示。因此,利用计算机图像处理技术对网页矢量进行处理,是网页设计中的重要内容,合理地摆放、处理Logo,有利于增加网页浏览量,加深用户对某公司的印象。一般情况下,Logo就好似网站的眼睛,圆形的标志会给人一种温暖的感受,不规则图形的标志会给人带来一种动态美,对提升网页文化具有重要意义。以小米公司Logo为例,Logo仅仅是两个字母组合,但却要利用计算机图像处理技术合理安排MI两字母的颜色、位置,并让Logo具有较强的代表性,加深小米公司在人们脑海中的印象,提高公司业绩。此外,图像在网页中的位置会影响网页的风格,例如,真实的图片会增强网页的真实性,色彩绚丽的图像会增加网页的浪漫性。此外,可采用线形图或插图修改网页背景,与整体风格相协调,提升浏览效果。因此,网页设计不是图像的简单拼凑,而是充分发挥出图像具备的功能与作用,使得网页更加丰富[3]。

(三)改变网页设计中的图像格式

为获得丰富的网页设计图像素材,主要经过三个阶段:一,利用照相设备、扫描设备、图像采集器等设备,获取显示生活中的图像,并利用计算机设备将目标原始图像转换为能够保存的图像,例如HSI、HSV、RGB、Lab等。二,利用计算机图像处理算法,对保存下来的图片素材进行裁剪、去噪、变换等处理。三,经过前两步会获得符合初步要求的图片素材,并从中提取、输出优质的信息,例如纹理、颜色、形态等,完成网页制作中计算机图像处理工作。一般情况下,图像文件格式主要分为JPEG、GIF、PNG三种,其中,JPEG格式的主要特点是压缩比较高,这种图片压缩格式能够去除图像中无价值的色彩数据与图像数据,有效缓解计算机储存空间不足的局面,且不会影响照片质量。GIF格式应用范围较广,属于图像交互格式的一种,同时结合无损压缩算法提高图片颜色上限,颜色最多可达256种。GIF格式还能支持网页设计中的动画制作,为互联网上信息的传播提供极大的便利。PNG格式是近些年随着网络技术发展所得到的技术产物,其适用性强、应用范围广,优势也较JPEG与GIF格式多。因此,网页设计人员为使页面能够达到预期效果,就要保证图像质量不能超出计算机屏幕的分辨率,避免计算机屏幕尺寸对图像质量产生影响,保证图像清晰。

结论:综上所述,人们在浏览网页时,关心网页本身性能、实用性的同时,同样关注网页的美观性。因此,在网页设计中,技术人员要充分了解网页中图像使用原则以及表现形式,合理运用计算机图像处理技术,进而促进图像处理技术长远发展。