网页设计中的图形图像处理技巧研究

摘要：随着网络技术的飞速发展，被广泛的应用到了社会中的各个领域当中。其中必定少不了网站建设和网页设计，而图形图像的应用又在网页设计中占有极其重要的位置，因此，要想提高网页的设计质量，就需要掌握图形图像的处理技巧。

关键词：网页设计；图形图像；处理技巧

在信息科技化发展的今天，每个行业都离不开网站建设和网页设计，要想在日益竞争的市场中能够脱颖而出，就需要加强网站的建设和网页设计的质量。而网页设计通常采用图像图形和文字综合编辑的表现方式，具有很强的视觉影响力，所以，要想提高网页设计的质量，就需要掌握设计中图形图像的处理技巧。

一、图形和图像在网页设计中应用的意义

与传统传媒技术不同的是，网页设计的元素多样化，通过不同的手段对不同的元素进行剪辑，可以产生不一样的效果。而在网页设计中，图像图形处理是最为常见的一种处理技术，通过把图形图像和文字相结合的办法，能够有效的传递网页信息，是网页的表现形式更加直观。一般图像质量处理良好的网页，或是图像和文字共同编辑的网站，更会成为人们浏览时的首选，从而更加吸引人们的注意力，浏览的时间就会越长，也就能把网页的主题和信息传达给浏览者，也就很好的体现出图形图像在网页设计中的意义[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]孙爱民,陈迎松.Authorware课件设计中图形、图像处理的技巧及OLE对象的应用[J].长春师范学院学报,2011,(02):53-56.

作者:刘全超 单位:山西农业大学信息学院