1.1 像素图与矢量图

本节介绍像素图与矢量图。

很多人肯定都用数码相机或者手机拍过照片，这种照片就是像素图。像素图是什么意思？如果把图片放大，会看到图片是由一个一个方块（像素）组成的，这种图就叫作像素图。我们平时接触到的绝大部分照片都是像素图。

那么矢量图又是什么？矢量图有什么优势？学习完本节课程之后，读者可以理解两种图形的概念，了解它们在不同场景里的应用。

本节知识点

◆ 像素图的概念与应用。

◆ 矢量图的概念与应用。

◆ 矢量图与像素图的区别。

像素图

下面的两张图从视觉上看是完全一致的，但其实左图是矢量图，右图是像素图。

之前已经介绍过，像素图是由一个一个像素组成的，现在就来验证一下。

下面使用缩放工具放大图形。

单击工具栏的缩放工具，画面中的鼠标指针变成“+”号，再单击右侧图片将其放大。大幅度放大之后就能看见一些方块的像素了，这个就是平时常常见到的像素图。

很明显，这种图形由一个一个像素组成，如果把它放大，例如这个地方本来只有10个像素，放大之后变成了20个像素。像素肯定不会平白无故地出现，它是通过计算得到的，这种计算会有一定的损失。

记住，这就是像素图的一个非常本质的概念：像素图是由像素组成，放大或缩小视图都会导致视觉效果发生较大变化。对像素图尺寸进行放大或缩小操作，对画面都会造成影响（当然，使用缩放工具进行放大或缩小的浏览则不会改变原图形）。

现在把图缩小，按住Alt键单击缩放工具，就会变成缩小工具，再单击图片就可以将其缩小。不停地单击可以持续缩小浏览视图，但这样操作非常麻烦，有什么方法可以一次性缩放回来？在实际工作中，按Ctrl+0组合键，能够迅速地让照片适配屏幕大小。

矢量图

现在来看之前打开的左侧图片，也就是矢量图。使用缩放工具单击图形将其放大，看一下与刚才的像素图有什么区别。放大同样的区域，可以看到矢量图与像素图有非常大的差别。矢量图有一个非常大的优势，在放大或缩小浏览的时候，不会出现像素块。

（矢量图：不管如何放大缩小，画面都不会有损失。）

现在来思考一下这样的矢量图有什么用途。例如最常见的，每家公司都有一个Logo。这样的Logo通常不会用Photoshop或者其他处理像素图的软件来制作，因为这个Logo设计出来之后，除了要印在名片上，做广告推广时还可能会制作成很大的海报。如果是像素图，放大之后就会变得很模糊，所以平时做这样的Logo肯定是使用矢量图。这是矢量图最广泛的应用场景之一。另外，存储为矢量图格式的文件，相对像素图格式的文件文件大小会更小，这也是矢量图与像素图的一个重要区别。

TIPS

像素图放大缩小图像时，像素会有损失，而矢量图不管如何放大缩小图像都不会损失，并且存储为矢量格式的软件会比像素格式的文件要小一些。

参考线

观察下图，可以发现画面中有青色的横竖线条，这就是参考线。在后续的案例当中经常要使用这些参考线，它们可以帮助我们观察和标记图形边线。当然，也可以选择隐藏参考线。

打开视图菜单，选择参考线子菜单，单击隐藏参考线命令，就可以将参考线隐藏起来。操作时如果需要对齐参考线，可以再将其显示出来。

使用参考线时，在画布上方和左侧有标尺，在标尺上按住鼠标左键并拖动，就可以将参考线拖出来。

使用完参考线之后，还可以将其删除。单击参考线，参考线会高亮显示，再按Delete键，就可将其删除。也可以按住鼠标左键拉出选框，选中需要删除的参考线后松开，再按Delete键将其删除。

本节复习要点

本节学习了像素图与矢量图，介绍了矢量图的一些应用场景以及参考线的使用方法。

1. 像素图放大显示时会出现像素块，放大或缩小尺寸时会产生像素损失。

2. 矢量图不管如何放大、缩小，图像还是会保持原有的状态。

3. 存储矢量图文件会比存储像素图文件所需空间小一些。