图片

   <img src="./图片/01.png" alt="">

img   替换元素

src 图片路径

alt  对图片的描述，默认情况下不显示，图片出不来（可以作为搜索引擎）

width / height（指定一个，另外一个会按照比例变化）

移动端（通常大图缩小）

 

图片的格式：

jpeg(jpg)  　　支持的颜色丰富，不支持透明，不支持动图

一般用于显示照片

 

gif　　支持颜色较少，支持简单透明，支持动图

支持颜色单一的图片

 

png  　　颜色丰富，支持复杂透明，不支持动图

一般用于颜色丰富，复杂透明图片

 

webp

具有其他格式的有点，特别的小，效果好

缺点：兼容性不好，老浏览器IE可能不能用

 

base64

用这个加密图片，可以直接使用到src中，一般需要网页和图片同时加载的时候才会使用

 

效果一样用小的，效果不一样要好的，两者取平衡