如何令主页图像快速显示

　　现在介绍加速网页图像显示速度的六种方法，为您解决这个难题。其最基本的宗旨就是，让您用买鱼的价钱，品尝到熊掌的美味和营养。

　　1.首先要确定图像的格式。这一点很重要，在HTML文档中，使用＊。jpg、＊。gif、＊。bmp等文档格式均是能够浏览的。我们只选择前面的两种，因为这两种文档格式能对图像进行很大程度的压缩，使得在产生相近视觉效果的前提下，图像文档的容量会小很多。但是，我们到底是使用JPG格式呢，还是使用GIF格式？假如图像是使用扫描仪输入进电脑的（当然也包括用数字相机），通常这种图像都是一些人物照片，风景照片什么的，这种图片中所用到的色彩比较多，就是说图像中既有浅红色，又有深红色，更有绿色、蓝色、黄色等等，这时候我们应该选择使用JPG格式来存储图像。假如图像是由您自己使用Photoshop，Paint Shop Pro等软件制作的，如标题文字等，这时图像中所使用的色彩通常会比较少，我们能够选择GIF格式。要想知道图像中到底使用到了多少种颜色，只要使用Paint Shop Pro软件（笔者使用的是5.00版）中的“Color / Count Colors Used ”功能即能够得到准确的答案。

　　2.在Paint Shop Pro软件的Color下拉菜单中，更有一项“Decrease Color Depth”功能，他是用来减少图像所用颜色数目的，您能够选择其中的16 Colors，即将图片所使用的色彩数量减到16种颜色。当颜色数目减少后，假如您认为图像质量变化不大，那么就选用GIF格式。要知道，JPG格式对待彩色图像可是一律使用16M色呦。

　　3.假如您认为色彩数量减少后图像的视觉效果明显变差，让您不能忍受，那么我们就采用JPG压缩格式。无论是使用什么样的图像处理软件，他都会在您存盘时向您询问JPG的压缩比。当然，压缩得越狠，文档越小，但是图像质量也越差。通常，采样50％到70％的压缩率比较好（百分数越大，文档越小），当压缩率从0％上升到50％时，文档大小会急剧下降，而图像质量却变化不大，再加大压缩率后，图像会明显变差，而文档的大小却减少得十分有限，有时甚至只减少几十个字节。但是有一点要告诉您，凡事都没有绝对情况，您不妨在这时试着？ 256色的格式将图片存储成GIF格式，和JPG格式的文档比一比哪个字节数更少，图像质量如何，最终才决定使用什么图像格式。

　　前面几乎将图像减肥的方法都说出来了，也就是说图像的字节数已是无法再减少了。但是，我们能够想办法在图像文档大小一定的情况下，让浏览者能够耐心等待图像全部出来。其方法是采用隔行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="temp.gif" lowsrc="prevIEw.gif"$＞，其中temp.gif是原图，而preview.gif是预览图。

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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有