所有的图片格式

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开发。与pngjpg相比,相同的视觉体验下,WebP图像的尺寸缩小了大约30%。另外,WebP图像格式还支持有损压缩、无损压缩、透明和动画,但有兼容性问题。

  • 使用场景:图片占较大的商场类网站,目前GoogleFacebookebay、淘宝、腾讯、美团等已经在用。

你可能感兴趣的:(图片)