图片放大不失真 —— 矢量图

Posted 2022-05-04 想文艺一点的程序员

位图

个人认为：位图 = 像素图

• 常见的 .jpg、.png 都是属于位图
• 位图是使用一个一个像素点来描述图像，所以进行放大的时候，我们就可以看到对应的像素点，所以就会产生失真。

矢量图

矢量图 = 线段图

• 常见的格式：.svg、.eps 格式
• 矢量图形是计算机图形学中用点、直线或者多边形等基于数学方程的几何图元表示的图像。
• 当矢量图进行放大的时候，我们仍然看到的是对应的点与线的关系。

（1）常见的矢量图网站：

• 阿里巴巴矢量：https://www.iconfont.cn/
• Undraw

（2）位图转换矢量图

软件转换：PhotoShop、Adobe Illustrator、 CorelDRAW

PhotoShop：
1.打开一张图片,通过魔术棒工具选取需要矢量化的图形部分，或者直接用钢笔工具绘制路径。
2.选取后点击右键，选择建立工作路径。
3.在蒙版菜单点击建立矢量蒙版。
4.另存为EPS格式文件，选择默认选项,这样就把一张位图转化为矢量图形了。

Adobe Illustrator （AI）
1.用软件打开图像。
2.鼠标单击选择图像，找到菜单栏上的图像描摹菜单。
3.选择素描图稿,可以看到最终效果,但这一步还没有将图片转为矢量图形。
4.点击菜单栏上扩展按钮，将对象转化为路径，这样就可以进行矢量编辑了。

CorelDRAW
1.新建空白文件,点击文件菜单栏-导入位图文件
2.点击位图菜单，在弹出菜单中选择轮麻描慕-线条图
3.在弹出的窗口中调整细节、平滑、拐角平滑度等参数来达到最佳效果
4.如果需要导入图片的内容不一样，我们还可以选择不同的图像类型效果
5.点击确定按钮，一张位图就转化为了矢量图形

一键转换的软件：Vector magic、 Inkscape

在线网站：
https://www.vectorizer.io
https://products.aspose.app/
https://convertio.co/zh/
https://www.aconvert.com/image/

---