如何令主页图形快速显示(二)

弓讯跌

弓讯跌

2016-02-19 18:39

今天图老师小编给大家介绍下如何令主页图形快速显示(二),平时喜欢如何令主页图形快速显示(二)的朋友赶紧收藏起来吧!记得点赞哦~

    前面几乎将图像减肥的方法都说出来了,也就是说图像的字节数已经是无法再减少了。但是,我们可以想办法在图像文件大小一定的情况下,让浏览者可以耐心等待图像全部出来。其方法是采用隔行GIF和逐级JPG方式。隔行GIF是指图像文件是按照隔行的方式来显示的,比如先出奇数行,再出偶数行,造成图像是逐渐变清楚的。将图像文件保存成隔行GIF格式的方法是,在Photoshop中进行保存时,选择“Interlaced”(不要选择“Normal”),在Paint Shop Pro中进行保存时,点击“Option…”按钮,选择“Interlaced”(不要选择“Non Interlaced”)。逐级JPG文件可以让图像先以比较模糊的形式显示,随着图像文件数据不断从网上传过来,图像会逐渐变清晰。这样做的好处是图像可以尽快地显示出来,虽然图像不很完美,但是却让浏览者看到了希望,并且图像在不断地变好。将图像文件保存成逐级JPG格式的方法是,在Photoshop中进行保存时,选择“Progressive”,在Paint Shop Pro中进行保存时,点击“Option…”按钮,选择“Progressive encoding”。  

   5.还有一种让浏览者可以耐心等待图像显示出来的办法,那就是使用预览图像。即在显示原图之前,先显示一幅字节数比较小,画面质量相对较差的图片。由浏览者决定是否浏览原图。通常,预览图像都是主图像的低分辨率、高压缩率的版本。使用预览图像的方法是:<img src="/Files/BeyondPic/oldjcwimg/2005-11/15/05111512232141131.gif" lowsrc="/Files/BeyondPic/oldjcwimg/2005-11/15/05111512232244958.gif"是预览图。   

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

   6.在可以达到预期目的的情况下,尽量把图形尺寸做小,图形尺寸越小,则字节数相应就会越少。在制作图像时,还要尽量将图形四周无用的信息去掉,比如说你制作了一个非常漂亮的美术字的图片,它的背景是黑色,而网页的底色也是黑色,这时你就一定要让美术字尽量充满整个图像,不要让图片中黑色的底色边框过大,因为图片的底色最终要与网页的底色融为一体,在美术字大小一定的情况下,图片做得越大,图像文件大小的字节数就会越多,在网上传输起来就越费时间。还有就是在*.html文件中使用图像时,可以添加WIDTH和HEIGHT属性,它们分别代表图像在页面上显示时的宽度和高度。需要说明的是,这个宽度和高度与图像本身的尺寸无关。例如,你可以在*.html文件中这样使用尺寸为88×31的图像文件Logo.gif。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

如何令主页图形快速显示(二)

Web开发
如何令主页图形快速显示(二)

如何令主页图形快速显示(一)

Web开发
如何令主页图形快速显示(一)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

如何设置相册在QQ空间主页显示?

电脑入门
如何设置相册在QQ空间主页显示?

如何将QQ空间模块显示在主页?

电脑入门
如何将QQ空间模块显示在主页?

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

win7系统主页卫士如何快速删除

电脑网络
win7系统主页卫士如何快速删除

使用AspImage制作图形(二)

ASP
使用AspImage制作图形(二)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

聚焦Dreamweaver MX 2004

聚焦Dreamweaver MX 2004

win7右下角的小喇叭不能调节声音怎么办

win7右下角的小喇叭不能调节声音怎么办
下拉加载更多内容 ↓