关于矢量图和光栅图Vector Image and Raster Image

raster graphics: 栅格图

与bitmap位图的概念类似，使用像素数组来表示的图像。位图的像素都分配有特定的位置和颜色值，每个像素的颜色信息由RGB组合或者灰度值表示。

根据色彩深度，可将位图分为1bit单通道黑白二值图，8bit单通道灰度图，24bit三通道RGB图，32bit四通道RGBA图，48bit三通道RGB图(每个通道有16bit，也就是HDR)，64bit四通道RGBA图.

每个像素使用的信息位数越多，可用的颜色就越多，颜色表现就越逼真，相应的数据量也越大。这里的位指的都是2的次方数，比如说1位图就只能表示0和1（分别代表黑色和白色），8位图表示可以用到的颜色是2^8=256个。很显然，随着位数变多，数据量就变大了。比如说，一张8*8的栅格图，有64个像素点。如果用1位图来表示，那么整体就需要 1 bit * 64 = 64 bit = 8 Byte. 然而，如果使用的是32位图来表示，就需要32 bit * 64 = 2048 bit = 256 Byte.

位图还有一个缺点，即当不断放大图像的时候，可以看到像素呈现的“锯齿状”。因此位图文件在放大后质量会明显下降，而矢量图则不存在这种问题。

vector graphics: 矢量图

用点、直线或者多边形等基于数学方程的几何图元表示的图像。现代计算机显示器需要将矢量图形转换成栅格图像的格式。

优势

• 保存的信息少，文件大小比位图更小，并且文件大小与物体的大小无关。例如，程序绘制一个半径为r的圆所需要的主要信息是：

1. 半径r
2. 圆心坐标
3. 轮廓样式与颜色
4. 填充样式与颜色

• 任意放大矢量图形，不会丢失细节或影响清晰度。因为矢量图与分辨率无关。

图元

图元是组成图像的可见对象。

• 直线或多义线（多条线段的组合，如字母Z，算一条多义线）
• 多边形
• 园与椭圆
• 贝塞尔曲线Bézier curve
• 贝齐耶样条Composite Bézier curve

Reference

位图 - 维基百科，自由的百科全书

计算机图形学中的顶点、图元、片元和像素的含义和区别-优快云博客

矢量图形 - 维基百科，自由的百科全书