宇通

　网页设计者应该怎么做，才能让图片尺寸小一点，网页下载速度快一点，而又不牺牲掉美丽的图像呢？在这里笔者根据个人心得，建议你：

■控制图片的尺寸
　　最直接的办法是尽量避免大尺寸的图片，而多采用轻薄短小的导航按钮、装饰图形、Logo。

　　■控制图片的用色数量
　　图片内色彩数量愈多，文件尺寸就愈大，所以尽可能多用平板（非渐层）的色彩，以利于压缩，尽可能少用显示得过分精细的图形。细腻的光影、渐层、肌理纹路的显示，均会耗用大量的色彩，使得GIF尺寸增大。而如果你选用JPEG格式，就得考虑加上解压所需时间，这是否反而使得图片显示得更慢？

　　■适当地运用 GIF和JPEG图片格式
　　了解GIF与JPEG格式各自擅长处理何种材质的图形，可让你灵活地运用GIF与JPEG格式，获得一个尺寸经济并且画质优美传神的图片。

　　■尽可能多采用GIF图片格式
　　JPEG的文件尺寸或许小，然而一旦加上解压缩所需的时间，则未必比GIF图片显示得快。尤其是应用在较小的图片上，如：按钮、小圆球、小logo等。

　　■在原始文件里标注图片的长度与宽度
　　在原始文件里标注图片的长度与宽度，可以帮助浏览器迅速、准确地对网页的版面进行安排，避免浏览器在显示图片的过程中重新调整、配置网页的版面。
　　图片长宽度的标注方法为：<img src=″url″ width=″x″ height=″y″ > ，其中的 ″x″, ″y″ 表示图档的长宽各为多少像素（pixels）。

　　■为较大的图片先暂时提供一个略小或略粗糙的低解像度的low source图片
　　如果你打算将一个较大的图片放上网页的话，不妨先提供一个解像度略差或长宽度略小的图片当做 low source，使得浏览器可以先快速地展现出这个low source图片，然后再渐渐地以高画质或较大图片取代之。
　　在原始文件时标注 low source的方法为：
　　<img src=″url″ lowsrc=″url″ width=″x″ height=″y″ >
　　特值得注意的是：其中的width=″x″ height=″y″ 是指img src 的长宽度，并非 lowsrc的长宽度。如果你不加上width=″x″ height=″y″ 的标示，浏览器将一律视为以较小图片作为长宽尺寸。
http://www.5tb.com/index.asp?classid=6&Nclassid=16