没有合适的资源?快使用搜索试试~ 我知道了~
HTML5图像的基本概念.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 178 浏览量
2022-07-11
01:21:00
上传
评论
收藏 256KB PDF 举报
温馨提示
试读
2页
HTML5图像的基本概念.pdf 学习资料 复习资料 教学资源
资源推荐
资源详情
资源评论
HTML5图像的基本概念
郭亚东
(北京信息职业技术学院)
摘 要:本文档主要介绍HTML5图像的基本概念。
关键词:HTML5图像;图像格式;标签;属性
1 图像概述
我们在浏览网页时,常常会被网页中的图像所吸引。图像的应用不仅仅直观突出了页面的风格,更
能以图形化的表达方式,将页面中的信息直观的表现出来,巧妙地在网页中使用图像可以为我们的网页
增色不少。
因此,图像是页面中不可或缺的元素。
它在网页中的应用形式主要有三种:
(1)内容图像
(2)背景图像
(3)交互图像
其中背景图像和交互图像都不是在 HTML 中被创建再来的,而是通过使用 CSS 的 background 属性来
设置的。
2 图像的格式
我们在浏览网页时,常常会被网页中的图像所吸引。图像的应用不仅仅直观突出了页面的风格,更
能以图形化的表达方式,将页面中的信息直观的表现出来,巧妙地在网页中使用图像可以为我们的网页
增色不少。
目前,Web 上最常见的图像格式主要有:GIF、JPG 和 PNG 三种。
(1)GIF 格式:
扩展名为gif;
无损压缩,不损失数据;
支持图像透明;
支持动画;
因此很适合在互联网上使用,但 GIF 只能处理 256 种颜色,在网页制作中,它非常适合用于 logo、
小图标以及其他色彩相对单一的图像。
(2)JPG 格式:
扩展名为jpg 或jpeg;
有损压缩,目的是减小图像的大小,但又保留了图像的高品质;
支持 24 位真彩色;
不支持图像透明;
不支持动画。
(3)PNG 格式:
扩展名为png;
无损压缩,不损失数据;
相对于 GIF 格式,体积更小;
包括 PNG-8、PNG-24 和 PNG-32 格式;
支持图像透明,颜色过滤更平滑;
不支持动画。
对于图像格式的选择,下面给出一些建议:
(1)表现色彩丰富,物体形状结构复杂的图像或照片要使用 JPG 格式,它虽然是有损压缩格式,但
只要不过度压缩,基本上肉眼较难分辨。
(2)网页中的 logo、简短的广告图片、卡通图片或动态的图像要使用 GIF 格式。
(3)一般背景、按钮、导航条等图片应首选 PNG 格式,因为它表现的图像色彩鲜艳、效果细腻。
这三种图像格式相对于其它格式的图像来说文件比较小,适合在 Web 页面中展示,根据实际设计的
1 / 2
HTML5 图像的基本概念
资源评论
努力搬砖的小王
- 粉丝: 16
- 资源: 7706
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功