所有的图片格式

1. JPEG/JPG

• 特点：有损压缩、体积小、不支持透明、在压缩率不高时保留的细节还不错。

• 使用场景：颜色丰富的照片，JPG是通用的选择，如大的背景图、轮播图或Banner图。

2. PNG

• 特点:无损压缩、质量高、体积大、支持透明。

• 使用场景：透明图片的业务场景，如小的Logo、颜色简单且对比强烈的图片或背景。

3. SVG

• 特点：文本文件、体积小、不失真、兼容性好、无需多端、多分辨率适配、较强的交互特性、渲染成本比较高。

• 使用场景：图片色彩相对简单的业务场景。

4. Base64

• 特点：文本文件、依赖编码，Base64编码后，图片大小会膨胀为原文件的4/3。

• 使用场景：小图标（<8KB）解决方案。

5. WebP

“

打开淘宝网，假如你是chrome浏览器，你会发现，所有图片都是webp结尾的，淘宝网图片运用了webp。假如你是safari浏览器，看到图片就是jpg或者png了，淘宝网自动判断浏览器支持不支持webp，假如支持，则输出相应的图片格式！

• 特点：WebP图片是一种新的图像格式，由Google开发。与png、jpg相比，相同的视觉体验下，WebP图像的尺寸缩小了大约30％。另外，WebP图像格式还支持有损压缩、无损压缩、透明和动画，但有兼容性问题。

• 使用场景：图片占较大的商场类网站，目前Google、Facebook、ebay、淘宝、腾讯、美团等已经在用。