网页设计中的图形图像处理技巧研究论文
摘要:随着网络技术的飞速发展,被广泛的应用到了社会中的各个领域当中。其中必定少不了网站建设和网页设计,而图形图像的应用又在网页设计中占有极其重要的位置,因此,要想提高网页的设计质量,就需要掌握图形图像的处理技巧。
关键词:网页设计;图形图像;处理技巧
在信息科技化发展的今天,每个行业都离不开网站建设和网页设计,要想在日益竞争的市场中能够脱颖而出,就需要加强网站的建设和网页设计的质量。而网页设计通常采用图像图形和文字综合编辑的表现方式,具有很强的视觉影响力,所以,要想提高网页设计的质量,就需要掌握设计中图形图像的处理技巧。
一、图形和图像在网页设计中应用的意义
与传统传媒技术不同的是,网页设计的元素多样化,通过不同的手段对不同的元素进行剪辑,可以产生不一样的效果。而在网页设计中,图像图形处理是最为常见的一种处理技术,通过把图形图像和文字相结合的办法,能够有效的传递网页信息,是网页的表现形式更加直观。一般图像质量处理良好的网页,或是图像和文字共同编辑的网站,更会成为人们浏览时的首选,从而更加吸引人们的注意力,浏览的时间就会越长,也就能把网页的主题和信息传达给浏览者,也就很好的体现出图形图像在网页设计中的意义[1]。
二、图形图像的分类
在网页设计中,图片的常见格式有:JPEG(JPG)、BMP、GIF、PSD、PCX、PNG等格式。JPEG是第一个国际图像压缩标准,是应用最广泛的图片格式之一,这种图片是经过压缩而来,文件小,便于传输,同时也在很大程度上满足了人们对图片色彩和分辨率的要求,并且也在网页设计的图像图形处理中被广泛使用的图像格式。GIF格式分为静态GIF和动画GIF两种,“体积”很小,互联网上很多动态图片的格式都是GIF格式,通过把多幅图像保存为一个图像文件中,从而形成了动画。另外,GIF是网络中最早应用图片格式,通过一个LZW的算法把图像进行无损压缩,有效的减少了文件的大小[2]。PNG格式与JPEG基本相似,其特点就是支持图片透明。PNG格式支持很多中颜色格式,并且支持fullalpha通道,但是支持动画,网页中比较小的图片基本上都是PNG格式。
三、保证网页设计风格要与图形图像相协调
目前,在网络上图片的主要变现形式有退边图、四方图和边缘模糊图,每种形式都具有自己的特点,合理的运用就会产生不同的视觉效果。所以,就需要在网页设计中对图形进行合理的分配,分清哪些是重要的,哪些是次要的,要尽可能的凸显出主要图形的作用,让网页设计的图像表现的更加直观,从而让网页的整体设计效果得到提高。
四、合理优化图片格式,适合网络传输
由于网页设计中页面中的图像和文字都有一定的`规范空间,为了不影响网页显示,就要尽量控制图像在页面中占有的空间,降低网页中图像显示的时间,提高网页信息传输的质量。一般网页设计人员都会页面中的文字数量、图像大小、图像质量进行平衡分配,保证页面的传输效果和传输速度。具体方式主要由以下几点:
(一)合理利用图片格式
在网页设计中,一般的图片使用GIF和JPEG的差别不是很大,只是GIF格式的使用体积要比JPEG小的多,所以多数采用GIF格式。但是如果图片的像素要求达到640*480以上的大图片,则应该考虑使用JPEG格式的图片。
(二)对图片进行有效分割
在我们平时上网下载图片的时候,会经常发现这些图片的文件夹中会存在很多比较小的图片,而这些小图片可以组成一幅完整的图形,所以在设计过程中,就会经常使用到图片分割的方法来对图片进行处理,将图片中要体现的重要部分分割出来,在对其余的区域进行适合的背景处理,从而在本质上减少了图片大小,方便浏览和下载。
(三)灵活运用图片处理软件
在网页设计中如果需要加入高清图片或者彩色图片时,要灵活的运用图片处理软件对其进行预先剪裁处理,通常使用的是PS软件和FW软件,并且图片剪裁后要符合浏览器的支持要求。这里可以考虑PNG格式图片,虽然不支持动画,但是可以保证图片更加丰富多彩,但是PNG格式图片一般都比较大;而对于企业用于宣传的产品动画图片,则可以实用GIF图片,可以很好的保留通道和帧图像,有利于反复播放[3]。
(四)动画图片
动画图片的首选格式便是GIF,当然也可以使用flash或javascript特效动画,虽然动画效果要比GIF优越,但是占有空间太大,所以就要合理优化和平衡网页的制作设计。
(五)增加图片链接方式
在网页设计过程中,有时候会要求设计者在页面中必须添加高清甚至超清的大图片,这个时候就需要采取间接的方式,先去掉不使用的图片文件,通过小图片链接浏览大图片需要另置文件夹,从而实现了网页加速浏览高清图片。
五、结语
综上所述,随着网络媒体技术发展的不断加快,要想把重要的信息传递给浏览者,就需要提高网页设计的质量和艺术感,要增强对浏览者的视觉冲击,从而有效的吸引更多的人来浏览网页,有利于信息传达。所以,运用科学合理的方法对网页中的图形图像处理是非常重要的,既起到承载信息的作用,又能为浏览者提供一个色彩鲜明、内容丰富的网页。
参考文献:
[1]王燕军.网页设计中计算机图像处理技术的应用[J].电子技术与软件工程,2016,(13):104.
[2]林丽红.网页设计制作中图形图像处理技术的应用[J].产业与科技论坛,2015,(23):50-51.
[3]孙爱民,陈迎松orware课件设计中图形、图像处理的技巧及OLE对象的应用[J].长春师范学院学报,2011,(02):53-56.
-
多媒体岗位职责
在现实社会中,我们都跟岗位职责有着直接或间接的联系,岗位职责是一个具象化的工作描述,可将其归类于不同职位类型范畴。想学习制定岗位职责却不知道该请教谁?以下是小编帮大家整理的多媒体岗位职责,希望对大家有所帮助。多媒体岗位职责1岗位职责1、负责语言实验室设...
-
多媒体工作计划汇总五篇
时光在流逝,从不停歇,成绩已属于过去,新一轮的工作即将来临,立即行动起来写一份计划吧。我们该怎么拟定计划呢?下面是小编为大家整理的多媒体工作计划5篇,希望能够帮助到大家。多媒体工作计划篇1一、指导思想坚持以人为本、以科技为先导,全面贯彻党的教育方针,推进素质...
-
中学多媒体教室使用管理制度
在社会一步步向前发展的今天,制度对人们来说越来越重要,制度是维护公平、公正的有效手段,是我们做事的底线要求。我敢肯定,大部分人都对拟定制度很是头疼的,以下是小编为大家整理的中学多媒体教室使用管理制度,仅供参考,希望能够帮助到大家。中学多媒体教室使用管理制...
-
语文多媒体教学总结通用11篇
总结是对过去一定时期的工作、学习或思想情况进行回顾、分析,并做出客观评价的书面材料,它能够使头脑更加清醒,目标更加明确,快快来写一份总结吧。总结怎么写才是正确的呢?下面是小编整理的语文多媒体教学总结,仅供参考,欢迎大家阅读。语文多媒体教学总结1一年来,我主...