让你的网页五彩缤纷(2)
太子　2001-04-11 17:16:29

　　图片长宽度的标注方法为： ，其中的″x″,″y″表示图档的长宽各为多少像素(Pixels)。需要说明的是，这个宽度和高度与图像本身的尺寸无关。也就是说，在一个大的图片上我们可通过更改图片这两个属性使图片在显示的时候变形，可以变大，也可以变小。

　　更改图片的显示方式
　　图像减肥的方法已经全部送上，也就是说图像的字节数已经是无法再减少了。但是，我们还可以想办法在图像文件大小一定的情况下，让浏览者可以耐心等待图像全部出来(抓住浏览者的心，^_^)的方法。其方法是采用隔行GIF和逐级JPEG方式。隔行GIF是指图像文件是按照隔行的方式来显示的，比如先出奇数行，再出偶数行，造成图像是逐渐变清楚的。将图像文件保存成隔行GIF格式的方法是，在Photoshop中进行保存时，选择“Interlaced”(不要选择“Normal”)，在Paint Shop Pro中进行保存时，点击“Option…”按钮，选择“Interlaced”(不要选择“Non Interlaced”)。逐级JPEG文件可以让图像先以比较模糊的形式显示，随着图像文件数据不断从网上传过来，图像会逐渐变清晰。将图像文件保存成逐级JPEG格式的方法是，在Photoshop中进行保存时，选择“Progressive”，在Paint Shop Pro中进行保存时，点击“Option…”按钮，选择“Progressive encoding”。

　　选用“low source”图片
　　如果在网页上要放一个较大的图片的时候，不妨选用“low source”(预览图)图片的方法。即在显示原图之前，先提供一个解像度略差或长宽度略小的图片当做“low source”，使得浏览器可以先快速地展现出这个“low source”图片，然后再渐渐地以高画质或较大图片取代之。通常，“low source”图像都是主图像的低分辨率、高压缩率的版本。
　　特值得注意的是：其中的width=″x″ height=″y″是指src的长宽度，并非 lowsrc的长宽度。如果你不加上width=″x″ height=″y″的标示，浏览器将一律视为以较小图片作为长宽尺寸。

　　最后，还要说明一点的是：在制作图片时，单张图片不要超过30KB,每页图片总量不要超过60KB(一般情况)。据统计分析，每页不超过60KB图片的网页，其下载速度是可以让人接受的。所有的图片都必须“减肥”小图片(100×40)一般可以控制在6KB以内，动画控制在15KB以内，较大的图片可以“分割”成小图片。好了，说了怎么多，大家也可以动手试一试，让我们大家的网页一起五彩缤纷吧。

|首　页||上一页|