网页设计计算机图像处理技术与应用

　　在设计网页时，首先可以通过图片来吸引浏览者的关注和重视。对比文章而言，图像在吸引浏览者方面拥有着显着的优势，浏览者在浏览的过程中，图像可以给其带来一目了然的视觉效应，可以为网站带来非常多的浏览率。图像比文字更加具有吸引力，从而提高网站的浏览量。在设计时，要关注图像的内容、位置、样式、色彩、大小等因素，这些因素会直接影响整个网页的表现效果。在现实生活中，人们在浏览同一类型的网站时，大约60%的浏览者会倾向于选择有图像的网页，这样说明了带有图像的网页对于浏览者具有更强的吸引力。

（二）呈现直接的信息引导功能

　　图像在网页设计中另外一个作用便是起到信息引导。网页设计的根本就是为了和浏览者的信息需求相符合，图像如何能够简单地对网页所要描述的内容进行概括，这就成为了设计网页的重点。而结合图像和文字，则能够呈现更加直接的信息引导，这样不单单可以减少浏览者在搜寻信息中所浪费的时间，还可以给浏览者产生图像和文字的想象空间。其最终的目标就是为了，让网页设计中的网页质量，还有浏览效果得到显着的提高。

四、关于网页图像处理的方法

(一）网页图像颜色的选择

网页图像的颜色选择一定要遵循一个原则：适用性。制作网页时网页背景与前景的字体配色比较麻烦的。如果背景颜色与字体颜色的搭配不合理，就会使网页效果大打折扣。

适用性包括了用户满意度，网页整体协调度，网页清晰度，另外网页的颜色图像尽量选择RGB模式，因为现在的游览器安全色基本上已经用不着去考虑了，现在的显示器基本都是32位以上的，在选择颜色的时候要多注意颜色统一标准，如VI视觉系统，平面设计系统的应用等等。如果背景色与字体色的对比度太大，就会显得太刺眼；如果对比度太小，就会使网页风格变得过于沉闷。要达最佳配色实在是麻烦之至，自定义-〉观看效果-〉不合适-〉从头来……，

(二）网页图像格式的选择

图像一般分为GIF、jpg格式，gif格式可以容纳256种颜色，首先讲：gif，它主要是运用于动画图片，支持透明，可能会有人会说还有flash的swf格式，以前比较常见，现在基本上被gif和CSS3、js所代替。所以如果美工设计中，有动画的元素 ,首先看java script和css能不能实现，如果他们不能，再考虑用gif动画图片来实现。为什么呢，因为gif是，gif最多256色，画质差。所以在下面的情况下首选gif：动态、画质要求不高、java script与css3难实现。

(三）网页图像尺寸的选择

中的图片对于网站来说有重大意义，它可以直接表达想要传递的信息，还可以吸引读者，为网页增添艺术气息。

选择网页上的图片只有一个原则，即在图片清晰的前提下，文件越小越好，在此我建议大家采用JPEG或GIF的图片格式，尽量不要使用png和bmp，因为它们的图片文件比较大。

值得注意的是，在Fireworks中创建的PNG文件包含图层等可编辑信息，其中的直线、形状、文字都属于矢量图。将这样的图像应用于网页应先进行输出操作以压缩文件大小，而输出的PNG图像也会因为丢掉可编辑信息而转为位图。因此，图像尺寸的调节应在输出操作之前完成。不对位图进行缩放是为了保证图像的轮廓和渐变足够清晰

网页上使用的图片文件当然是越小越好,不过必须考虑到图形文件的清晰度，一张图片文件很小但很模糊的图片,放在网页上也是没有意义的，一般来说,图片最好不要超过100kb，如果遇到必须使用大张图片的话，大家可以把一张大图切成几张小图，这样可以缩短图片的显示速度，不需要等全部图片下载完才显示。

分辨率是指在单位长度内的像素点数，单位为dpi，是以每英寸包含几个像素来计算，像素越多，分辨率就越高，而图片的质量也就越细腻，反之图片就会越粗糙。

在网页图像设计的尺寸中使用矢量创作工具制作的图像往往更加适合保存为PNG格式，其尺寸应在矢量绘图工具中确定，变为位图后便不再轻易对其进行缩放操作(尤其不应进行放大操作)。

(四）网页图像透明的选择

透明度一直是图像处理的一个技术难题，透明度对用户影响非常重要，现在一般使用透明度的图像都是gif格式的，一般来说网页图像最多呈现半透明就是最大的限度了，超过半透明就会呈现出非公开的图像，即是隐藏图像，所以不建议采用，很多用户都喜欢粗体形象，处理图像透明度的时候一定要与游览器结合起来，统一到游览器的透明度中。

(五）网页图像动画的选择

网页动画现在也逐渐流传了起来，大家可以看新浪网的右下角，基本上都会有一个小窗口动画出现，一般来说他们的动画格式都是FLASH，因为FLASH具有成像效果好，经济适用的原则，还有GIF格式的动画，但是GIF格式的动画有很多缺点，第一成像颜色不足，第二制作复杂动画的技术支持不够。选择网页动画建议选择FLAHS制作，Flash是基于矢量的图形系统，只要用少量的向量数据就可以描述一个复杂的对象，占用的存储空间很小，非常适合于Internet上的使用。矢量图像可以做到真正的无级放大而失真。Flash还提供了一些增强功能，以支持位图、声音、渐变等。效果非常不错的。

五、结语

综上所述，在网页设计中合理的应用图像处理技术，能够使网页设计更加的科学合理更加的美观，在网页设计中计算机图像处理技术主要围绕标志、背景、关键图、广告等内容针对颜色、布局、尺寸、动态等细节进行处理，确保网页结构更为合理，主题更加鲜明，服务功能性更强，继而提高网页浏览率、增强用户粘度，使网站竞争力随之提升，可以在互联网市场上脱颖而出。并且精美的图像制作使网页更加的上档次，能够带给浏览者更好的视觉体验，从而增加网页浏览量。因此，图像处理技术的合理应用在网页设计中具有重要意义。

首页上一页 1 2 下一页尾页 2/2/2

网页设计计算机图像处理技术与应用(二)