简述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万人。不论你是零基础还是想提升，都可以找到适合的班型，千锋教育随时欢迎你来试听。
京公网安备 11010802030320号