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