图像处理技巧技术在网页设计中应用研究.docVIP

图像处理技巧技术在网页设计中应用研究 　　摘 要：伴随着网络技术的不断前进和发展，网站已经成为大家沟通、交流的重要平台。而想要将网页设计的更加优秀、更美观，网页设计就越来越受重视。本文主要对网页设计和计算机图像处理技术所涉及到的相关知识进行介绍，最后对常用的图像处理技巧记性应用技巧的讨论和解析，以此帮助读者能将网页设计的更加完美。 　　关键词：网页设计；计算机图像处理技术；Photoshop 　　中图分类号：TP391.41 文献标识码：A 文章编号：1674-7712 （2013） 14-0000-01 　　一、网页设计中的图像 　　当前的时代是网络不断快速发展的时代，通过网络来沟通、交流越来越多，也使得网页设计成为了一门十分有必要，也十分热门的行业。网页设计技术市场前景广阔，其以基础的编程技术为根基，最终的目的就是把网页设计的具有艺术美感，从而吸引广大的浏览者，提高网页的感染力??其中的关键就在于网页设计中的图像处理的如何，只有将文字以及图像效果统一的结合起来，才能达到最佳的网页设计效果，最终实现吸引浏览者的目的。伴随网络使用度不断提升，人们对网页的要求也不断增加，这就成为了我们不断改进网页设计技术的内在动力。在计算机中应用的图像按图像格式可以分为很多类，下面对网页设计中常用的三种图片种类进行介绍。 　　GIF：第一种要介绍的就是简称为GIF的图像交换格式，英文全称为GraphicsInterchangeFormat。这种格式的有点就是可以对图像进行无损压缩处理，图像颜色上限大，最多可达256种颜色。另外此种格式有四种优点，即透明处理、支持动态画面、支持交互处理、适用范围很广。在动漫卡通、美术素描等图像方面均可应用，在互联网图像应用中是最合适的格式种类。这 　　JPEG图片格式：中文名为联合静态图形专家组，英文全称为JointPhotographicExpertsGroup。此种图片格式相对GIF格式为有损压缩算法，但同样因为有损压缩，也使得JPEG的图像压缩比很高，能有效的减小数据量从而节省硬盘空间。而且针对普通的网络用户，这种有损压缩是不影响使用的。JPEG图片格式不具备透明效果的性能，也不能在动态图像中应用。较多的运用在图像处理中，很少在图像数据传输中使用。这种格式的图像效果，一般在Photoshop软件中制作。 　　PNG格式：翻译成中文为，可以之网络图形；英文全称为PortableNetworkGraphics。这种图像格式是随着网页设计技术的发展而出现的全新格式。因此PNG同样也具备了前两者的优点，同时也具备了新的性能优点。如真彩色最多可达一千万种，最少也能实现普通256色彩的图像；具备可压缩算法；可以在图像数据传输中应用。可以预见的是，因PNG格式的诸多优点，随着网络技术的发展以及PNG应用的广泛，PNG格式也会成为主流的图像格式。种格式的图像效果，一般在Fireworks软件中制作，是Fireworks的默认文件格式。 　　二、Photoshop在网页图像处理中实用技巧 　　图像处理有很多工具以及技术，但Photoshop是到目前为止，功能最全、应用最广泛的图像处理工具，因此笔者在下面的文章中举例介绍Photoshop在网页设计中的一些实用技巧。 　　（一）图像截取和尺寸大小的调整 　　在对网页进行设计时，一张图像往往并不使用其全部，这就涉及到了图像的局部截取。图像局部截取的方法多种多样、不拘一格，相对来说photoshop的使用更为快捷。（1）使用Photoshop打开目标图像。（2）因为所需求的局部图片大小和形状不同，Photoshop中工具栏有相应的截图工具，如方形、星形、圆形等。在图像上截取完成后，可以在“样式”中输入截图的尺寸大小，设定图像长度，宽度等值。（3）在设定好选区的大小尺寸和形状之后，可以移动选区框去选择截取的合适部位。然后使用Ctrl+c复制截取的局部图像。（4）按Ctrl+N键新建画布，所新建的画图的大小和形状都是与所复制的局部图像相符合的。然后按Ctrl+V粘贴图像。最后保存即可完成局部图像的截取以及图像尺寸和形状的调整。 　　（二）图像融合处理 　　在网页设计时往往需要将多张图片进行合成，增加空间利用率，或者增强图片效果，这常在制作网页背景图像时用到。其融合步骤如下：（1）选择两张高度相同的图像，在Photoshop中先打开一种图像，用工具栏中的移动工具将另外一张图像拖进Photoshop中，并选择适当的位置摆放。（2）对两张图像的色相、亮度、色彩饱和度等进行相应的调整，为后面的融合做准备以期有较好的融合效果。（3）选择拖进图像的图层，建立一个蒙版，然后通过渐变工具将两张图像的结合处变成黑白渐变的效果，最后再适当的调整不透明度，达到较好的融合效果。