# 图片
# 位图
PNG JPEG/JPG webp
# 矢量图
SVG
# JPEG - 有损压缩、直接色、适合大图、体积小
分为：
- Baseline JPEG
- Progressive JPEG
优点：支持24位真彩色 缺点：不支持透明度处理
# GIF - 无损压缩、索引色、透明、动画
帧动画 支持透明
优点： 缺点：8位压缩
# PNG - 无损压缩、索引色、支持透明、体积大
PNG的全称叫便携式网络图型（Portable Network Graphics）是目前最流行的网络传输和展示的图片格式，原因有如下几点：
- 无损压缩：PNG图片采取了基于LZ77派生算法对文件进行压缩，使得它压缩比率更高，生成的文件体积更小，并且不损失数据。
- 体积小：它利用特殊的编码方法标记重复出现的数据，使得同样格式的图片，PNG图片文件的体积更小。网络通讯中因受带宽制约，在保证图片清晰、逼真的前提下，优先选择PNG格式的图片。
- 支持透明效果：PNG支持对原图像定义256个透明层次，使得图像的边缘能与任何背景平滑融合，这种功能是GIF和JPEG没有的。
三个类型 分别为 PNG 8/ PNG 24 / PNG 32。
常规的png图片，颜色越单一，颜色值越少，压缩率就越大
# WebP - 年轻、有损、无损、兼容性
在无损压缩的情况下，相同质量的 WebP 图片，文件大小要比 PNG 小26%；
IE11和safari不支持
优点：体积小 缺点：兼容性