要回答这个问题，首先，大家应该对矢量图有个概念上的了解。
而在了解矢量图之前，大家还应该了解一下，一般大家看到的图是什么图。
比如，相片，杂志上的图片，手机拍的图等等，这些都叫位图。位图又叫做点阵图，是一个个很小的颜色小方块组合在一起的图片。一个小方块代表1px（像素）。当位图放大的一定程度时，就会看到像马赛克一样的一个像素大小的小方块，这个时候的图像看起来就很模糊，看不清了。
比如上面这张，是相机拍的相片，这就是位图。
那么，什么是矢量图呢？
矢量图，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。
矢量图是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。它的特点是放大后图像不会失真，和分辨率无关，适用于图形设计、文字设计和一些标志设计、版式设计等。
上面这张画就是用Illustrator设计制作的插画。
说了这么多专业性的话语，可能你会觉得不好理解，你可能还会说，从图本身偶看不出来，其实，你只要抓住一个重点，那就是“放大图像不会失真”这一句话就好理解了。也就是说矢量图可以随意放大缩小，不会变形，不会变成马赛克。
矢量图以几何图形居多，图形可以无限放大，不变色、不模糊。常用于图案、标志、VI、文字等设计。常用软件有：CorelDraw、Illustrator、Freehand、XARA、CAD等。矢量图具有以下这些优点：
（1）文件小；
（2）图像元素对象可编辑；
（3）图像放大或缩小不影响图像的分辨率；
（4）图像的分辨率不依赖于输出设备；
（5）线条非常顺滑并且是同样粗细的；
（6）颜色的边缘是非常顺滑的。
矢量图也有一些缺点，比如
（1）重画图像困难；
（2）真实照片逼真度低，要画出自然度高的图像需要很多的技巧；
（3）无法产生色彩艳丽、复杂多变的图像；
（4）矢量图仿图绘制做卡通的相似度97%以上,3%是清晰美化的。
那么作为一名图像工作者，你到底需要的是位图还是矢量图，其实完全是根据自己的创作以及设计需要来决定的。
把照片制作成矢量图，需要用到上面提到的这几种软件CorelDraw、Illustrator、Freehand、XARA、CAD。制作过程就类似于用钢笔勾线一样，需要去把位图制作成用几何图形来表现的可任意上色的几何图形。
下面偶简单介绍一下，用Illustrator来把相片制作成矢量图的过程。
把照片制作成矢量图的制作方法，今天介绍下面两种。偶用的一个简单的卡通图，但制作方法上是一样的道理。
第一种方法，可以把现有的位图转换成矢量图。
比如把要转换的图片扫描或是直接从手机、相机等器材上拷贝到电脑中，在PS软件中打开，将图片略做一些处理，使图片清晰一点，这一步其实可有可无。然后打开Illustrator，将刚才处理过的图片在Illustrator中打开，用“钢笔工具”根据自己的需要，把图片要用到的图像元素，一块一块地勾出来，形成一个一个封闭的“路径”，这个“闭合的路径“，可以随意自由地上色。这个可以随意自由上色的图像，就是一个矢量图形。
第二种方法和第一种方法异曲同工
就是可以直接在PS里，用钢笔工具把要画成矢量图的图片，直接用钢笔工具勾出路径，保存路径，然后在“文件“菜单下面选择“导出”——“路径到Illustrator”，存储的时候把存储的位置记住。之后打开Illustrator软件，直接选择打开文件，找到刚才存储的那个AI文件，打开之后，咋一看，什么也没有，这时你只要用“选择工具”，也就是工具条上，一个第一个深灰色小箭头，对画面进行框选，就可以看到刚才存储的那个路径，
因为路径还没上色，所以要路径选择工具，框选才看得到。你也可以直接选择
这个描边工具，选好颜色，便可以给此路径上色，给路径上了色看到的就是下面这个样子。
当然要得到最终的效果，还需要给每一块闭合曲线上色，所以的闭合曲线上完色后，才是一个真正的矢量图。
而这个图形，不会受尺寸大小，或是像素的影响，放大或缩小都不会产生模糊的变化。
以上只简单介绍了两种把相片或图片变成矢量图的方法，希望这个回答能帮到您！
另：文中图片均系“一夏飘雪简笔手绘室”原创，请转载注明出处，谢谢！
使用css需要导入什么包，css div 横向排列，css的单位vw，css div占据剩余高度，给css加个随机数，css自动适应浏览器，css字体图标 彩色