首页 > 网站建设教程_网页制作视频教程 > 网页制作入门(18)网页优化2:图形的优化

网站建设教程_网页制作视频教程

网页制作入门(18)网页优化2:图形的优化

发布:E时代科技  分类:网站建设教程_网页制作视频教程 浏览:2166 次

网页制作入门(18)网页优化2:图形的优化:

  图形是网页必须要的,一副图片完全可以表达大量文字所代表的意义,但图片也是影响网页下载速度的罪魁祸首。我们在制作网页时,GIF与JPEG是打交道最多图片格式,而在使用它们也有一些技巧。首先来简单了解一下这两种图片格式的性质。GIF图片格式颜色允许最大256色,而JPEG允许16万色,而GIF支持动画格式,JPEG不支持,但它们都可以交织显示,也就是从模糊到清楚。了解了两种格式的性质后,在使用它们时,该怎样选择呢,专家有这样的建议,当你要显示照片或者要图片具有某种水印效果,模糊效果,那么选择JPEG,如果你需要动画、黑白图片、透明图片,那么就选择GIF。

  GIF图片格式颜色最大允许256色,但在选择GIF调色板时,可以设置256颜色以下的颜色,比如188,204等,大家如果使用Photoshop这样的图片处理软件就会发现在保存GIF图片时,会让你选择保存的颜色数,一般来说,你可以选择256色以下的,因为它可以减少图片容量。

  GIF图片的优势在于显示小图标时,比如公司图标,广告图标,也就是为什么现在广告LOGO都是GIF图片格式。而在与JPEG图片相比较,当它们显示同一副图片时,会发现GIF图片格式和网页背景融合的更好,而JPEG图片会发现四周的晕边,而且GIF可以处理成透明图片,和网页背景有更好的融合。但如果处理大的图片,会发现GIF图片的大小比保存至JPEG格式的图片要大的多,所以,处理大的图片,最好用JPEG格式,它有高的压缩比。

  我们在使用这两种图片格式时,要注意图片的尺寸,选择过大的图片尺寸,会使得网页下载速度过慢,增加WEB服务器的负荷,目前网络速度慢的原因,有很大原因是访客等待图片的下载,所以,对于图片,要选择更合适的尺寸。而且在制作网页过程中,要给图片指定高度和宽度,因为有时候我们会把本来尺寸很大的图片设置成小尺寸的图片,虽然图片本身没有改变,但指定小尺寸后,就会减少下载时间。也可以在原图片下载之前,指定一个小容量的图片,因为小容量的图片会先显示,然后在显示原来的图片,如果你使用FrontPage98工具,那么可以在图片设置栏里设置,你也可以按以下HTML代码设置:《IMGSRC=“1.gif”LOWSRC=“2.gif”》

  这时候,2.gif会先1.gif显示。

  目前在网络上又出现了一种图片格式-PNG,它具有以上两种图片格式的优点,无失真,高压缩,透明支持,真彩色,但因为现在的浏览器对它的支持不够,所以使用的人不是很多,但以后新的浏览器会支持它。

  图片问题是网页制作中最复杂的问题,我们在利用图片时,要精,而不要随便就把没有经过处理的图片放到网页上。