索引色&直接色
- 索引色（Index Color）：用一个数字来代表一种颜色，存储图片的时候，存储一个数字的组合，同时存储数字到颜色的映射。这种只能存储有限种颜色，256色。
- 直接色（Direct Color）：使用四个数字代表一种颜色，分别是红、绿、蓝、透明度。可以表示2的32次方种颜色（grba表示）
点阵图&矢量图
- 点阵图：构成点阵图的最小单位是像素。每个像素都有自己的颜色信息。在对点阵图缩放时会失真。
- 矢量图：记录的是元素形状和颜色的算法，并将运算结果呈现出来。无论缩放与否，对应的图像的算法是不变的。所以对矢量图缩放时不会失真。
gif
是无损的采用索引色的点阵图。适用于企业logo，线条绘制等（对颜色不高，体积小的场景）
优点：用gif格式保存图片不会降低图片质量
支持动图和透明度
- 缺点：只支持 8bit的索引色，只能存储256种不同的颜色
jpeg
一种有损压缩的采用直接色的点阵图。
- 优点：采用直接色，有丰富的色彩，适合存储颜色丰富的照片
- 缺点：在不影响人类可分辨图片质量的前提下，尽可能地压缩文件大小。因此在压缩的过程中图像的质量会遭到破坏。不适用于线条绘制，文字或者图标（png和gif适合）
png-8
是png的索引色版本。无损的使用索引色的点阵图
优点：是gif格式的替代者，在相同的图片效果下，比gif提及更小
支持透明度的调节
缺点：动画浏览器支持得没有gif好
png-24
是png的直接色版本。无损的使用直接色的点阵图
优点：色彩更全，支持透明度
缺点：提及比jpg，gif，png-8都要大，是jpg大小的5倍，但是显示效果提升不明显。
svg
是无损的矢量图，适合用来绘制企业logo和icon等。
优点：可以方便地修改svg图片