网页中的图像

 约 2 分钟

页面中图像的显示

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

推荐阅读
funny thing in code
用户专栏

在代码的世界,做点自己觉得有兴趣的事

0 人关注
10 篇文章
专栏主页
目录