图片格式介绍和应用场景
JPEG
描述：位图 有损压缩 不支持透明度 彩色图片设计
适合场景：颜色丰富的图片
不适合： 线条、文字、图标
PNG
描述：位图 无损压缩 支持透明度 替代gif格式设计 文件比JPEG和gif大
适合： 纯色 透明 线条 图标 大块相同颜色
不适合：彩色图像
GIF：
描述： 位图 8位色(256种颜色) 仅支持完全透明和完全不透明 支持动画
适合： 动画 图标
不适合： 彩色图片
webp:
描述： 位图 8位色(256种颜色) 有损和无损都支持 同时保证图片质量和体积 支持动画 支持透明度
适合： 半透明图像
不适合： 彩色图片 浏览器兼容性低
svg:
描述：矢量图形 支持缩放 保证图片质量 支持动画 文件体积大
适合： 地图 响应式大小图片
不适合： 不适合大图片，对尺寸要求高的图片
