图片格式——位图与矢量图

☆图片格式

㈠位图

①位图又称为点阵图像，是由像素（图片元素）的单个点组成的。通常分为8位，16位，24位和32位。

②所谓8位图并不是只有8种颜色，而是2的8次幂（即256）种颜色，8位图指的是用8个bits来表示颜色，对人眼的感觉来说，16位色基本能满足需要了。

③24位又称为“真色彩”，2的24次幂，大概有1600万种颜色之多，这个数字差不多是人眼可以分辨颜色的极限了。

④32位色并不是2的32次幂，其实也是2的24次幂，不过它添加了2的8次幂阶颜色的灰度，也就是8位透明度，因此规定它为32位色。

⑤在制作页面的时候，一般选用24位图像。因为32位图像会带来更大的图像容量，会使浏览器加载页面速度变慢。

⑥放大原始位图，图像会失真，缩小原始位图，同样会使图像效果失真，这是因为缩小图像，减少的是图像中像素的数量。

 

㈡位图格式

①JPG格式

jpg可以很好地处理大面积色调的图像，如相片，网页中一般的图片

 

②PNG格式

PNG支持透明信息。所谓透明，即图像可以浮现在其他页面文件或页面图像之上。可以说PNG是专门为web创造的图像，通常大部分页面设计者在页面中加入logo或者一些点缀的小图像时，都会选用PNG格式。PNG格式图片体积小，而且无损压缩，能保证网页打开速度，所以PNG格式图片是很好地选择。

 

③GIF格式

GIF只支持256色以内的图像。所以，GIF格式的图片效果是很差的。但是，GIF可以制作动画，图像作者利用图像处理软件，将静态的GIF图像设置为单帧画面，然后把这些单帧画面连在一起，设置好一个画面到下一个画面的间隔时间，最后保存为GIF格式就可以了。可以说，这就是简单的逐帧动画。

 

当处理色调复杂，绚丽的图像时，如照片，图画等，适合使用jpg格式；而处理一些logo，banner，简单线条构图的时候，适合使用PNG格式；GIF格式通常只适合表达动画效果。

 

㈢矢量图

①矢量图格式

矢量图又称为“向量图”。矢量图是计算机图形中用点，直线或者多边形等基于数学方程的几何图元表示的图像。

矢量图是以一种数学描述的方式来记录图像内容的图像格式。如一个方程式y=kx，当这个小方程体现在坐标系上的时候，设置不同的参数可以绘制不同角度的直线，这就是矢量图的构图原理。

矢量图最大的优点是：无论放大，缩小或是旋转等，图像都不会失真。最大的缺点就是：难以表现色彩层次丰富的逼真图像效果。

 

②矢量图格式

矢量图的后缀一般有“.ai”，".cdf"，".swf"和".fh"。

“.ai”后缀的文件是一种静帧的矢量文件格式。".cdf"后缀的文件多为工程图。".swf"格式文件指的是Flash。

 

㈣位图和矢量图区别

①位图受分辨率的影响，而矢量图不受分辨率影响。因此，当图片放大时，位图清晰度会变低，而矢量图清晰度不变。

②位图的组成单位是“像素”，而矢量图的组成单位是“数学向量”。

③位图适用于色彩丰富的图片，而矢量图却不适用于色彩丰富的图片。

④位图常用于网页中的照片，容量较大；矢量图常用于印刷行业，网页logo或矢量插图。