图片的格式分类和优缺点

图片格式

在保证视觉效果的情况下，选择最小的图片格式与图片质量（通常选择 60-80 之间），以减少加载时间。

PSD：

Photoshop默认保存的文件格式，可以保留所有有图层、色版、通道、蒙版、路径、未栅格化文字以及图层样式等。

JPG：

• 色彩丰富 【不支持透明】

• 压缩比高，生成文件体积小，

• 支持多种压缩级别可以控制文件大小

• 色彩丰富的图片（摄影图像（产品图，照片，渐变，banner图））

• 有损压缩

GIF：

• 支持动画

• 支持透明（全透明）

• 颜色不够丰富，只支持256种颜色、文件小

• 适用于：色彩简单的logo/icon/动图

PNG

• 颜色丰富

• 支持alpha透明（全透明和全不透明，半透明）

• 早期的浏览器不支持PNG图像

• 适用于：透明背景图片【投影，发外光, 线条复杂（文字）】

• 选择png-8

WebP

谷歌（google）10年推出一种新型图片格式

• 文件小，支持有损和无损压缩，支持动画、透明

• 但并不是所有浏览器都支持 webp（ie8及其以下不支持）

• 兼容