资讯专栏INFORMATION COLUMN

网页中的图像

chinafgj / 1012人阅读

摘要:页面中图像的显示在显示一个页面时,浏览器会首先下载文件并开始显示页面之后才下载图像。

页面中图像的显示

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/51677.html

相关文章

  • 前端基础入门一(HTML)

    摘要:所谓超文本,因为它可以加入图片声音动画多媒体等内容,不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。意思是超文本引用用于指定链接页面的打开方式,其取值有和两种,其中为默认值,为在新窗口中打开方式。 学习目标 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签 掌握三种列表标签 掌握表格标签 掌握表格标签 掌...

    张宪坤 评论0 收藏0
  • HTML笔记(适合新手入门)

    摘要:标准构成标准不是某一个标准,而是由和其他标准化组织制定的一系列标准的集合。主要包括结构表现和行为三个方面。属性之间不分先后顺序,标签名与属性属性与属性之间均以空格分开。HTML Web 标准构成 Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。 主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。 结构标准...

    番茄西红柿 评论0 收藏0
  • 第三天·HTML常用标签

    摘要:如果希望某段文本强制换行显示,就需要使用换行标签在中直接敲回车来换行是不起作用的。标签的属性用于指定超链接目标的。这是因为标识符几乎可以用在所有的标签中。 一·- 单词缩写:headHTML的-代表了六个等级的标题,其中标签比较重要,因此要尽量少用。一般是给logo使用,或者是页面中最重要的标题。 Heading level 1 Heading level 2 Heading leve...

    guqiu 评论0 收藏0
  • 关于网页的一些小知识点

    摘要:元数据是关于数据的信息。标签提供关于文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。典型的情况是,元素被用于规定页面的描述关键词文档的作者最后修改时间以及其他元数据。 Web前端的基础知识 什么是web?WEB标准是一系列标准的总称,包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1....

    CarterLi 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<