网页加速之图形处理篇（一）

此文章为引用他人，非本人所写，放于本空间，目地是便于自己学习。

（一）、 网页加速之图形处理篇

    在维护网站的过程用，可能遇到过这样的情况：辛辛苦苦做出来的页面，但图片过多，网页结构、表格结构复杂，程序冗长，使得加载速度很慢！网页总是不能完全的展现在浏览者面前。

以后的几篇文章将网页减肥方面的一些经验介绍给大家，希望大家都来讨论，说说自己的观点！ 

1、合并图片

尽量把几个可能组合在一起的图片制作成一张图片，这是因为浏览器对网页中的每个图片都会做个别请求，也就是说如果网页中有5张图片，那么浏览器就会向WEB服务器提出5次请求，这必然会增加服务器的负担，从而使得速度变慢！当然大图片除外。

2、指定宽高

在网页中镶入图片的时候，一定注明高度和宽度，如： ，如果没有注明，浏览器在下载完图片以前，将无法确定图片的大小，页面的提交就会延迟，甚至可能重复向WEB服务器提出请求。 

3、选择图片格式

选择适当的图片格式，常见的格式为：JPG和GIF，两种图片分别采用不同的方法压缩图片。JPG支持的颜色数量比较多，一般对于照片或者颜色变化显著的图片用JPG格式，还应该适当的选择压缩比，在基本不损坏效果的前提下尽量压缩。GIF最多支持256种颜色，适合小图片、色彩比较少的图片，对于GIF图片可以在不影响图片效果的前提下尽量减少图片的颜色数量。适当的选择图片的格式，对图片的大小会有不小的影响。可以借助一些图片处理软件。 

4、图片处理

应该采用逐步提交方式提交图片，GIF和JPG两种图片格式都支持逐步提交格式，图片在逐步提交时，在浏览器收到完整图片信息之前就开始显示了。这样看起来快一些。GIF保存为交错格式，JPG选择逐步编码来保存。 

5、替换文字

对于所有图片应该带有文本，用ALT标签实现，因为很多朋友为了增加浏览速度关闭了浏览器的图片功能。提供了文本有助于搞清页面的内容。 

最后注意，网页到最后总是以内容来吸引大家的，内容是最重要的！所以，请尽量将一些没有必要的图片去掉！ 

今天到这里，下次将和大家讨论一下网页和表格的结构对速度的影响！

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/92589/viewspace-674370/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/92589/viewspace-674370/