概述
一张图片可以储存为多种格式，为什么有的几十KB，有的几百MB，有的静止不动，有的是好几个画面循环播放？在项目开发的过程中经常会读取或保存图像文件，不同类型的图像特点不同，适用的范围也不同。
BMP格式图像
BMP是英文Bitmap（位图）的简写，它是Windows操作系统中的标准图像文件格式，能够被多种Windows应用程序所支持。随着Windows操作系统的流行与丰富的Windows应用程序的开发，BMP位图格式理所当然地被广泛应用。
特点
- 包含图像信息丰富： BMP格式包含的图像信息较丰富，几乎不进行压缩
- 占用磁盘空间大： 由于不进行压缩，导致占用磁盘空间过大
- Windows标准格式： Windows系统内部各图像绘制操作都是以BMP为基础的
优缺点
- 优点：图像信息丰富，几乎不压缩，质量高
- 缺点：文件体积太大，不适合Web应用
GIF格式图像
GIF是Graphics Interchange Format的简写，它是图形转换格式，采用LZW压缩算法进行编码，用于以超文本标志语言方式显示索引彩色图像，在因特网和其他在线服务系统上得到广泛应用。
特点
- 无损压缩： 采用GIF格式保存图片不会降低图片质量
- 文件体积小： 得益于数据的压缩
- 支持动画： 可以存储多幅彩色图像，构成简单动画
- 支持透明： 支持布尔透明类型
- 色彩受限： 仅支持8Bit的索引色，只能存在256种不同的颜色
适用场景
适用于对色彩要求不高同时需要文件体积较小的场景，比如企业Logo、线框类的图等。
TIFF格式图像
TIFF是Tag Image File Format的简写，它是标签图像文件格式。TIFF图像文件是图形图像处理中常用的格式之一，其图像格式很复杂，但由于它对图像信息的存放灵活多变，可以支持很多色彩系统，而且独立于操作系统，因此得到了广泛应用。
特点
- 跨平台支持： 拓展性支持Mac跟Windows系统交叉使用
- 存储灵活： 对图像信息的存放灵活多变
- 支持地理编码： 可以支持图像所在的坐标系、比例尺等地理信息
适用场景
在各种地理信息系统、摄影测量与遥感等应用中，要求图像具有地理编码信息的场景。
PNG格式图像
PNG是Portable Network Graphics的简写，它是便携式网络图形。PNG是一种无损压缩的位图片形格式，其设计目的是试图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。
特点
- 无损压缩： PNG结合了GIF和TIFF优点，能够支持压缩不失真
- 支持透明背景： 可以制作透明背景、渐变图像
- 压缩比高： 生成文件体积小
- 多种形式： PNG格式有8位、24位、32位三种形式
透明支持
- 8位PNG支持两种不同的透明形式（索引透明和alpha透明）
- 24位PNG不支持透明
- 32位PNG在24位基础上增加了8位透明通道，可展现256级透明程度
JPG格式图像
JPG是JPEG（Joint Photographic Experts Group）的简写，它是一种比较常见的图画格式。它的特点是压缩比高，生成文件体积小。
特点
- 高压缩比： 目前网络上最流行的图像格式，是可以把文件压缩到最小的格式
- 有损压缩： JPEG去掉了一部分图片的原始信息，进行了有损压缩
- 支持直接色： 非常适合用来存储照片，用来表达更生动的图像效果
优缺点
- 优点：文件小，加载速度快，适合照片和复杂图像
- 缺点：编辑和重新保存时质量会下降，累积性损伤
SVG格式图像
SVG是Scalable Vector Graphics的简写，它是可缩放矢量图形。SVG图片由直线和曲线来描述图形，因而SVG可以随心所欲地创造出各种视觉效果。
特点
- 矢量图形： 可以无限放大而不失真
- 文件体积小： 描述图形的数据量小
- 支持动画： 可以制作动态图形
- DOM操作： 可以通过CSS和JavaScript进行操作
适用场景
适用于网页图标、图形、UI设计等需要清晰展示的场景。
总结
有损vs无损
- 有损压缩： JPG（质量会逐渐下降）
- 无损压缩： PNG、GIF、TIFF（质量保持不变）
索引色vs直接色
- 索引色： GIF（256色）
- 直接色： JPG、PNG、TIFF（百万色）
点阵图vs矢量图
- 点阵图： BMP、GIF、TIFF、PNG、JPG（像素组成，放大失真）
- 矢量图： SVG（数学公式描述，放大不失真）