图片格式（jpg、gif、png、webp、base64）

.jpg:支持颜色丰富、不支持透明效果，不支持动图，——一————般用来显示照片，可以压缩

.gif:支持颜色少，支持简单透明，支持动图，——————颜色单一的照片，动图

.png:支持颜色丰富，支持复杂透明。不支持动图，————颜色丰富，复杂透明图片（专为网页而生）

.webp:是谷歌新推出的专门用于网页中图片的一种格式，它具备其他图片格式的所有优点，而且还文件比较小————缺点：兼容性不好

base64:将图片使用base64进行编码，将图片转换位字符，通过字符的形式来引入图片——一般使用一些需要和网页一起加载的图片才会使用（base64），没有时间差——在网上使用在线base64转换        base64图片在线转换工具 - 站长工具

 

实际开发中，浏览器如何请求网页的加载，存在时间差：网页的加载使用——浏览器先向服务器发送请求，请求网页源代码，1——浏览器再向服务器发送请求，请求第一个外部资源，2——再发请求，第三个外部资源，3

所以使用原则：

        效果相同，用小的

        效果不一样,用效果好的

图片标签img的本质是替换元素