想象一下，你手里拿着一张刚印好的海报。你把它放大到无限大，你会发现画面变得贼不清楚，哪怕只是好办画个三角形，边缘也是锯齿状的，让你随意切一刀都挺难看。

这时候你可能就意识到了，这张图是一张“像素”堆出来的照片，它像是一张被拉得极长的网格照片，不管如何放大，那些小的方块只能找到一点点信息，放大后细节就糊成一团。

这种把画面拆成一个个小方块来存图片信息的做法，就是位图（Bit Image）。它靠的是像素的密度，像素越密，平时看着越清楚，但实际上每一块信息都挺小。 为啥我们在网上看高清大图会晕呢？出于屏幕显示本质上是像素点在发光，屏幕面积有限，略微一放大，像素就重叠挤在一起了，看不清。

这时候就需求某种办法，把画成那样的东西换个方式存一下，让它在不同尺寸下都能保持清楚的边缘，那种边缘锐利、无限缩放不乱的情况，就是矢量图（Vector Image）。它不是存像素，而是存的是描述形状的数学公式。 画矢量图的时候，设计师不会随意画一个胖胖的圆要么方方的块，他们会想，这个圆到底是由哪几根线围起来的？然后把这些线画出来。

哪怕画个复杂的 3D 模型，那也是由成千上万个细小的曲面和线条拼凑的。数学上有个概念叫“多边形”，把它用数学语言描述清楚，实际上它就是一条个线段的集合。

这种图不依赖像素密度，只要你类型对了，无限放大也不会不清楚，你就连能像用钢笔一样在屏幕上画，工具会实时把你的笔触变成线条。 说到具体操作，你可能用过电脑。在 Adobe Illustrator 要么 CorelDraw 这些软件里，画一个圆形，你只需求先选一把圆形的画笔，然后在纸上画一个圆，软件就自动把它存下来。

这时候你随意放大，圆还是圆的，线条还是直的，不管放大多少倍，它都像镜子一样无限复制，彻底不会晕。

这跟位图彻底不一样，位图放大后，边缘那些锯齿就飞出来了，越宽越显乱。 数据量的庞大差异也是害得大量人没注意的。一张一般/平平的 200 万图（200 万像素），大约就是两张 A4 纸大小，存个几十兆，还能看个痛快。

要是放大到 4K 屏幕（比如 3840 乘以 2160 像素），那种要是不做处理直接显示，画质就会崩塌成一团马赛克，出于内容的信息量根本撑不住如此高的分辨率，务必做压缩要么缩放处理。而矢量图呢，画一个复杂的矢量图，比如一个带渐变和阴影的卡通人物，可能也就几百 KB 大小。

哪怕是复杂的天气图，在矢量里也能做得挺精细。 举个例子，看看这些图片。随意找个手机里存的“风景”图片，放大到 100% 看，你会发现树叶的纹理、草丛的细节全是锯齿状的，这就是位图。而找一个网站上的矢量图，比如“车”要么“爆炸图”，无限放大，你会发现还是那个清楚的线条和形状，一点都没变，这就是矢量图。 还有，矢量图对电脑硬件的要求实际上比位图低大量。出于矢量图存的是公式和参数，而不是海量的数字，故此它加载速度挺快，打开文件不卡顿，渲染也没压力。而位图，特别是高清位图，对显卡压力不小，要是系统忒老要么设备忒弱，打开一张 4K 的高清位图，可能会卡顿、掉帧，就连变成雪花屏，这时候就需求转成矢量图来救。 实际上矢量图的优势不只是在于能不能放大，还在于它的设计效率有多高。出于它是用数学公式描述的，有时候你只需求画一个形状，软件就能自动计算周边的阴影、透视关系，就连生成对应的渲染图。而位图，比如画一张人头像，你得一块一块去填色，还得慢慢调整明暗，一旦画错了，重新画一遍要用好久。矢量图一旦定稿，后续修改相对好办，出于它修改的是那几条线，不是重新画一堆像素。 再聊聊应用场景，这种技术早就渗透到我们生活的方方面面了。网页加载超快，出于矢量图省了字节；手机里的图标，不管点开啥子页面，那个小图标还是那个样子的，没糊成啥；还有网页上的瀑布流图片，那种一张张大图，有时候是位图，有时候是矢量图，都需求保存和转换，不然打开网页就闪退了。 有时候你会认定，实际上不用忒纠结到底是位图还是矢量图，有时候为了追求极致的压缩率和加载速度，设计师会把矢量图先转成高压缩度的位图存一下，然后加载的时候再重新转回来。但这只是妥协，出于最好的做法是平时就用矢量图来设计，关键时刻再按需转换。 总而言之，位图是像素的艺术，靠的是密密麻麻的点来还原真世界的光影；矢量图是数学的绘图，靠的是精准的线条和公式来描绘形状和结构。一个负责记录每一帧的像素，一个负责定义每一个形状，两者都是数字艺术中不可或缺的两种语言。理解它们的区别，能帮你更好地选择工具，也能让你在面对庞大的图片数据时，心里更有底。