APP下载

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

2018-03-17

时代农机 2018年7期
关键词:浏览者图像处理网页

苏 畅

(黑龙江工业学院,黑龙江 鸡西 158100)

网页设计是当前最热门最火的学科之一,也是时下需求最大且薪水较高的互联网专业。网页设计是通过网页语言进行编程向用户展示各种各样的图片,一个成功的网页必须让人感觉到艺术效果感染到用户、让用户留下深刻印象。其中最重要的是对网页图形图像处理,通过将文字和图像结合起来向用户进行展示,让浏览者明白展示的内容。随着中国网民数量激增,网页浏览量也在飞速增长,人们审美感和艺术感的层次也在提高。除此之外,社会经济的迅速增长,网页也是一大媒介促进经济的繁荣,因此,计算机图像处理技术的使用越来越广泛,通过计算机图像处理技术应用于网页设计当中,能设计出满足人们审美需求的网页。

1 网页设计与图像处理

网页设计与图像处理知识中的知识相当复杂,接下来笔者主要从图像的格式、网页中插入图像的方法以及网页设计中的特殊应用方面进行研究。

目前通过计算机呈现出来的图片格式有多种多样,例如GIF格式、JPEG格式以及PNG格式等,这些格式都可以使用,但是各有各的优缺点。

GIF格式是图形交换格式英文的缩写,可解释为无损压缩的算法来对图形进行压缩,在GIF格式中能最多容纳256种颜色。使用GIF格式呈现图像时,一定要弄清其特点,其特点包括4点:能够以动画形式展示照片;应用范围较为广泛,可应用于卡通、素描及插图等,在互联网应用最广应用得效果最好的也就是GIF格式图像;交错处理以及透明处理功能也是其一大特点。

JPEG格式的中文名称叫做联合静态图形专家组,这种格式的图像特点是节省磁盘空间,但图像质量有损失,一些专业性的图像处理保存这种格式的图像是不合适的,不能满足要求,只适合普通用户。JPEG格式的图像缺点是在数据传输环境中传输会严重失真,其使用范围主要是在图像处理或者图像扫描方面。

对PNG格式而言,中文翻译为可移植网络图形,是一种新型的图片格式,它与JPEG和GIF格式相比优势明显,可以得到高清格式的图像,还能表现出来256色的图像,当然其也使用了压缩算法,这种算法由于优势明显,被借鉴到了通信行业,广泛应用在互联网行业中。所以,当前最流行的图像格式便是PNG格式。

为了使网页拥有更好的效果,网页设计人员经常在设计网页的时候加入图像,而加入图像的常用软件就是Dreamwaver,那么怎么操作这个软件在网页中加入图像呢?接下来详细介绍:

首先要考虑在网页中插入图像的位置,为了营造好整体效果,这是很重要的;然后就是真正的加入图像了,点击软件中的插入菜单栏中的图像按钮,会出现图像,点击之后会出现一个对话框;这个对话框弹出来就是为了让你选择图片,选择好图片之后,就开始选择相应的参数来确定图像在网页中的位置;设置完这些参数以后,回到最初的插入图像的界面点击确定,这样图像才真正被导入了,就开始设置图像的特性,这就需要通过属性检查器设置,在这里所选择的内容比较多,而用户最需要关注的是三项内容,分别为源文件、替换以及链接。

HTML语言代码的功能非常强大,它可是实现以上所介绍的所有功能,但是需要熟练掌握HTML语言的编程,掌握这个语言的技巧,这样才能方便快捷的将图像插入到网页当中来,例如IMG是一个HTML语言的图像标签,其基本语法是:<img src=“图片位置”>图片的位置上所填写的内容应该是相对位置,这个标签语言与其他语言相比较为特殊,因为它不是成对出现,只有开始标签。

网页设计中拥有两个常见应用,一种是通过移动鼠标来使图像进行变换,这需要准备好两张照片并配合Photoshop技术;具体操作步骤是打开既定网页之后,将鼠标放到网页中的任何一个图片上,这时立马就会出现另外一张图片,但是如果将鼠标移开之后就会重新显示原来的图片。当然这需要HTML、JavaScript中的功能函数来实现这样的效果,且必须要准备至少两张照片,这样才能相互切换,两张图片的规格要是一样的,如果没有完全一样规格的照片,一般情况下,设计者一般是选择Photoshop技术来对这些图像进行处理。一种是在网上制作相册,许多博客网站会看到并配合使用Fireworks进行处理。当使用电脑浏览别人的博客或者QQ空间上的相册时,你会发现很多优美而生动的照片会按照某一种顺序排列好进行切换,当浏览者将鼠标任意点击其中的一张照片时,你会发现,通过点击的小图,其中的大图立马就会显现出来,这种效果的原理是利用网页设计技术将选取的一些图片放置到指定的文件夹中,通过程序代码来调用这个文件夹里面的图片,且按照某种方式触发这些图片的调用和切换,这种技术通常采用的软件是Fireworks。

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

网页设计中使用适当的图像意义非凡,例如可以做网站的标志、网页的背景以及关键图等。当做网站标志时,可以让浏览者印象深刻,让其了解产品品牌,例如新浪中的sina的这个标志,让人们一眼能看出是新浪的。网页背景图主要是用来烘托整个网页中表达内容的主题。这两者互相映衬,让主题更具有感染力。

关键图在网页中展示可以让浏览者更醒目,让浏览者一眼将网页扫过去就知道重点在哪里,这种表达方式更直观。

将一些图像处理技巧应用于网页中,可以给网页锦上添花,主要是从图像尺寸和外形着手,可以通过设计主标题和副标题让网页更加突出,再配上内容,那必然会无与伦比。对于图像的外形,主要是针对不同形状采取不同的措施,这些形状大致包括方形、菱形、圆形、三角形以及个性化图像等,方形是生活中比较常见的,也是使用较多的图形;菱形没有方形那样的严肃没但是使用起来更加灵动;圆形的使用会给浏览着带来一种充实感,因为其带有的曲线较柔和;三角形图像能很好的阐释动感有个性的内容,总之根据情况而定使用,而使用的目的是使网页更具美感,更具有感染力再配合新奇的创意,使得网页更加引人注意。

3 结语

在互联网中,存在数不胜数的网页,网页也是它最基本的单元。但是在多如繁星的网页当中如何使自己所做的网页与众不同,给上网者留下深刻印象,是一项很难解决的问题,因为上网者的品味越来越高,网页设计人员的相关技术也要不断更新,设计人员除了要让网页更加优美以外,还要具有艺术价值,考虑的因素众多,例如网页中的色调搭配、图像效果等,采用一定的图像处理技巧是必须的。计算机图像处理技术就是一项应用于网页设计中的很重要的技术,最终设计出来的网页的效果与图像处理技术高低有密切联系,所以设计者在设计网页时就应该纵观全局考虑清楚这样才能有良好的开始,才能设计出优秀的网页出来。

猜你喜欢

浏览者图像处理网页
基于视觉传达的公共空间色彩导视系统设计
基于HTML5与CSS3的网页设计技术研究
浅析网页设计中色彩的运用
新媒体界面设计中视觉传达的效率问题研究
基于ARM嵌入式的关于图像处理的交通信号灯识别
基于图像处理的机器人精确抓取的设计与实现
机器学习在图像处理中的应用
基于CSS的网页导航栏的设计
基于HTML5静态网页设计
基于URL和网页类型的网页信息采集研究