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

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

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

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

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

与传统传媒技术不同的是，网页设计的元素多样化，通过不同的手段对不同的元素进行剪辑，可以产生不一样的效果。而在网页设计中，图像图形处理是最为常见的一种处理技术，通过把图形图像和文字相结合的办法，能够有效的传递网页信息，是网页的表现形式更加直观。一般图像质量处理良好的网页，或是图像和文字共同编辑的网站，更会成为人们浏览时的首选，从而更加吸引人们的注意力，浏览的时间就会越长，也就能把网页的主题和信息传达给浏览者，也就很好的体现出图形图像在网页设计中的意义[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.

刘全超 山西农业大学信息学院

 环境设计论文   实验设计论文   电路设计论文   造型设计论文   优化设计论文 室内设计论文   网页设计论文   平面设计论文   环境艺术设计论文   服装设计论文 广告设计论文   招贴设计论文   园林设计论文   园林景观设计论文   建筑设计论文 景观设计论文   字体设计论文   空间设计论文   方案设计论文   家具设计论文 网站设计论文   工程设计论文   系统设计论文   设计管理论文   路面设计论文 照明设计论文   环保设计论文   程序设计论文   结构设计论文   产品设计论文