简述jpg，gif，png-8，png-24的区别，及其各自的使用场景

　　- jpg：

　　- 1.不支持动画

　　- 2.有损耗

　　- 3.可以表达的颜色比价多，高达1600w之多，所以如果图片色彩丰富，适合用jpg

　　- 4.使用场景：色彩、细节丰富的图片、渐变图

　　- gif：

　　- 1.有透明性，可以是全透，也可以全不透，没有半透明，

　　- 2.支持动画格式。

　　- 3.无损耗，做任何操作都不会使图像质量产生损耗。

　　- 4.最多能表达256种颜色，如果色彩丰富、细节丰富的图片不建议保存成gif，

　　- 5.使用场景：色彩简单的log、icon、线框图、动图

　　- png：

　　- 1.有透明性，支持透明、不透明、半透明

　　- 2.不支持动画

　　- 3.无损耗

　　- png-8：是256色的png，可以代替gif，同等质量下，尺寸也更小，但是不支持动画，所以没有办法完全替代gif，如果没有动画需求那可以采用png-8

　　- png-24：是全色的png，和jpg一样能表达出丰富的色彩和细节，但不能替代jpg，因为存储下来png-24比jpg要大很多，但因为是无损耗的，所以比较适合源文件或者需要二次编辑图片

　　精灵图和base64如何选择

　　精灵图，是网页处图图片的一种方式，它是把多张小图整合到一张，利用background-position属性定位某个图片的位置，来达到在大图片中引用某个小图片的效果，当页面访问时，可以减少向服务器的yg有求次数，提高页面的加载速度。

　　base64，是网络上最常见的用于传输8Bit字节代码的编码方式之一，将原本二进制形式转成以64个字符基本单位，所组成的一串字符串。base64的图片会随着html或者css一起下载到浏览器,减少了请求，避免跨域问题，但是低版本的IE浏览器不兼容，体积比原来的图片大，不利于css的加载，所以如果是图比较大，就用精灵图合并为一张大图，使用base64直接把图片编码成字符串写入CSS文件

　　了解过音频、视频吗?知道视频新增了哪些属性吗?

　　- 音频 – audio

　　- 视频 – video 标签使用基本一致，在一个网页中插入视频或者是音频，多媒体标签在不同浏览器下情况不同，存在兼容性问题

　　- 谷歌浏览器把音频和视频标签的自动播放都禁止了，如果相自动播放，需要添加muted属性，

　　- 视频新增了

　　- controls 控件

　　- autoplay 自动播放，必须要和muted一起用

　　- muted 静音

　　- loop 循环

　　- poster 视频的封面等属性

　　更多关于“web前端培训”的问题，欢迎咨询千锋教育在线名师。千锋教育多年办学，课程大纲紧跟企业需求，更科学更严谨，每年培养泛IT人才近2万人。不论你是零基础还是想提升，都可以找到适合的班型，千锋教育随时欢迎你来试听。