不同格式图像的特点，这些特点决定了如何在Web上使用这些图像，同时也是选择图像格式的因素之一。
 
   图形VS照片
不管你使用哪种图像格式，优化方法取决于图像的具体类型；

   图形

   网站的Logo、草图、图表、大部分动画和图标都属于图形。这些图像通常由连续的线条或其他尖锐的颜色过渡组成，颜色数量相对较少。

   照片

照片通常有百万数量级的颜色，并且包含平滑的颜色过渡和渐变，想象一下用相机拍摄的日落时的照片。绘画作品的图像更接近于照片，而不是图形。

就图像格式而言，GIF通常用来显示图形，而JPEG更适合显示照片。PNG两者都适合，甚至用调色板PNG显示图形比GIF会更好一些。

   像素和RGB

图像有像素组成，像素是图像中最小的信息单元。我们可以使用不同的颜色模型来描绘像素，在计算机图像处理上，RGB颜色模型是最常见的一种。

在RGB颜色模型中，采用包含红、绿、蓝的数量多少的方式来描述一个像素。R、G和B被称为成分，每种成分的强度值范围在0~255之间。我们经常在HTML和CSS中使用的是十六进制的成分值，范围从00~FF。将不同强度的成分组合在一起，就可以获得不同的颜色。

真彩色图像VS调色板图像格式

使用RGB颜色模型到底可以展现多少种不同的颜色呢？答案是多于1600万种：256*256*256可以得到16 777 216中组合。可以支持这么多颜色的图像各种不同的颜色提取出来建立一个表，这个表通常叫做调色板，可以通过将调色板中的条目和每个像素重新匹配，达到重新绘制整个图像的目的。

    透明和alpha通道

RGBA并非另一种截然不同的颜色模型，而是在RGB的基础上了拓展。额外的成分A代表alpha透明，值的范围也是从0~255，但实际上不同的程序和库会将透明的定位为从0%~100%的百分比，或者从0~127的值。Alpha通道描述了透过图像像素可以看到下面内容的程度。

 隔行扫描

当网速很慢时，大图像会随着下载的进度逐行显示，从上到下每次显示一行，缓慢地向下递进。为了提高用户体验，部分图像格式支持对那些连续采样的图像进行隔行扫描。隔行扫描可以让用户在完整下载图像之前，看到图像的一个粗略版本，从心理上消除页面被延迟加载的感觉。