网页中的图像

页面中图像的显示

在显示一个页面时，浏览器会首先下载HTML文件并开始显示页面之后才下载图像。而在浏览器下载图像之前，除非预先告诉浏览器图像的大小（即在html中指定图像的width和height），否则它无法知道图像的大小
在无法预先知道图像大小的情况下，页面在显示时会发生重排

页面中图像的请求

浏览器从服务器获取图像时，浏览器一次请求图像的数量视网络带宽而定。所以在请求中，最好是预先做好图像的压缩，从而减少网络带宽占用，而不是利用html中width和height来调整图像大小

图像的格式

常用的web端显示图像格式有PNG、GIF、JPEG

JPEG	PNG	GIF
最适合连续的色调图像（如照片）	最适合单色图像和线条构成的图像（如logo、剪贴画）	最适合单色图像和线条构成的图像（如logo、剪贴画）
压缩会丢失信息，“有损”的格式	压缩不会丢失信息，“无损”的格式	压缩不会丢失信息，“无损”的格式
不支持透明度	支持透明度	只允许一种颜色设置为透明
不支持动画	不支持动画	支持动画
-	提供三种格式：PNG-8，PNG-24、PNG-32，不同格式颜色数不同	只能使用256色
-	同样颜色数下，通常比JPEG和GIF文件要小	-