图片的格式

1.jpeg（jpg）格式

• 支持的颜色比较丰富，可以用来保存超过256种颜色的图像。
• 不支持透明效果，不支持动图。
• jpg是一种有损压缩的图像格式，每次修改图片都会造成一些图像数据的丢失。
• 一般用来显示照片，例如横幅广告，商品照片，较大的插图等。

2.gif格式

• 支持的颜色较少，只能处理256种颜色。
• 支持简单透明（全透明或全部透明），支持动图。
• gif是一种无损的图像格式，每次修改图片后，图片质量几乎没什么损失。
• 一般用于Logo，小图标及其他色彩相对单一的图像。

3.png格式

• png包括png-8和真彩色png（png-24和png-32）。
• png体积小，颜色过渡平滑，支持复杂透明（全透明，半透明，全不透明），不支持动画。
• png-8和gif类似，只能支持256种颜色，如果做静态图可以取代gif。
• 真彩png可以支持更多颜色，真彩色（png-32）支持半透明效果。

4.webp格式

• 谷歌新推出的专门用来表示网页中的图片的一种格式。
• 它具备其他图片格式的所有优点，而且文件还特别小。
• 缺点：兼容性不好。

5.base64

• 将图片使用base64进行编码，可以直接将图片转换为字符，通过字符的形式来引入图片。
• 一般都是需要和网页一起加载的图片你才会使用base64

•  小图片如图标，按钮等建议使用png或gif格式。
• 透明图片建议使用png格式。
• 类似照片的图片建议使用jpg格式。
• 动态图片建议使用gif格式。
• 效果一样用小的，效果不一样用好的