新闻资讯
新闻资讯
当前位置:首页 - 新闻资讯 - 网页设计

大良做网站:提高网页图片加载速度的方法

责任编辑:本站 点击:130 发表时间:2019-06-13

  常在网上冲浪的用户一定都清楚,一个好的站点不但内容要精彩,还需要有美观的页面,更要有精美的图片来点缀。但是如果图片使用不当,也会把访问者吓跑。一些网站的首页就是一张大图片,的确够漂亮,可是通常浏览者不等图片显示出来就会进入下一页或者离开。

  现在就向大家介绍加速网页图形显示速度的方法。

  (1).确定图像的格式

  这一点很重要,在HTML文件中使用JPG、GIF和BMP等文件格式均是可以浏览的。一般只选择前面的两种,因为这两种文件格式能对图像进行很大程度的压缩,使得在产生相近视觉效果的前下,图像文件的容量会小很多,,但是,到底是使用JPG格式呢,还是使用GIF格式?如果图像是使用扫描仪输入进计算机的(当然也包括用数字相机),通常这种图像都是一些人物照片和风景照片,这种图片中所用到的色彩比较多,也就是说图像中既有浅红色又有深红色,还有绿色、蓝色和黄色等,这时候就应该选择使用JPG格式来存储图像。如果图形是使用Photoshop和PaintShopPro等图形软件制作的,如标题文字等,这时图像中所使用的色彩通常会比较少,可以选择GIF格式。

  (2).降低颜色数目

  无论是使用什么样的图形处理软件,它都会在存盘时向操作者询问图像的压缩比。通常,采用50%、70%的压缩率比较好(百分数越大文件越小)。当压缩率从0%上升到50%时,文件大小会急剧下降,而图像质量却变化不大。当然具体采用多大的压缩比要看实际情况,图像质量要求高则压缩比就小,图像质量要求低则压缩比就大。

  (3).改变显示方式

  上面己将图像“减肥”的方法都说的很详细了,也就是说图像的字节数己经是无法再减少了,但是在图像文件大小一定的情况下,可以想办法让浏览者耐以等待图像全部出来。其方法是采用隔行GIF和逐及JPG方式,隔行GIF是指图像文件是按照隔行的方式来显示。比如先出偶数行,再出奇数行,这会使图像逐渐变清楚,逐级JPG方式可以让图像先以比较模糊的形式显示,随着图像文件数据不断从网上传过来,图像会逐渐变清晰。

  这做的好处是图像可以尽快地显示出来,虽然图像不很完美但是却让浏览者看到了希望,并且图像在不断地变好。

  还有一种计浏览者可以耐心待像显示出的办法,那就是使用预览图像,即在显示原图像之前,先显示一幅字比较小、画面质量相对较差的图片,由浏览者决定是否浏览原图。通常预览图像都是主图像的低分辨率、高压缩率的版本。

  图形尺寸

  在可以达到颀期目的的况下·应尽量把图形尺寸做小、图肜尺寸越小,则字数和就会越少。在制作图像时,还应尽量删除图形四周用的信息。比如说制作了一个非常漂亮的美术字的图片,它的背景是黑色,面网页的底色也是黑色,这时就一定要让美术字尽量充满整个图像,不要让图片中黑色的底色边框过大。因为图片的底色最终是要与网页的底色融为一体,在美术字大小一定的情况下,图片做的越大,图像文件大小的字节数就会越多,在网上传输起来就越费时间,还有就是在HTML文件中使用图像时,可以在<IMG>标签中添加WIDTH和HEIGHT属性,它们分别代表图像在页面上显示时的宽度和高度。需要说明的是这个宽度和高度与图像本身的尺寸无关。例如,可以在HTML文件中使用尺寸为88×31的图像文件logo.gif,于是,这幅图像在网页中显示的时候就变大了、须注意的是:如果长宽放大的比例不同,图像会发生变形。


  • 在线咨询
  • 咨询电话
  • 返回顶部
  • 400-699-2238
    13322823721