所有的图片格式 待我称王封你为后i 2022-12-03 05:12 146阅读 0赞 ### 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`、淘宝、腾讯、美团等已经在用。
还没有评论，来说两句吧...