页面中图像的显示
在显示一个页面时，浏览器会首先下载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文件要小 | – |
