位图、矢量图、分辨率UI设计基础知识讲解

计算机图形主要分为两类，一类是位图图像，另一类是矢量图形。Photoshop就是典型的位图软件，但也包含一些矢量功能。下面将针对位图与矢量图、常用的图像格式、像素、分辨率等图像处理基础知识进行详细讲解。

位图和矢量图

位图也称点阵图（Bitmap images），它是由许多像素点组成。所以放大到一定程度后可能会失真。能够精确地制作色彩和色调变化丰富的图像。

矢量图也称向量式图形，它使用数学的矢量方式来记录图像内容，以线条和色块为主。无论图像放大、缩小或旋转都不会出现失真的情况。相比位图存储空间更小并且缩放不失真。但缺点是无法表现丰富的颜色变化和细腻的色彩过渡。

图像格式

图像的保存格式有很多种，不同的图像格式有各自的优缺点。接下来介绍一下几种常用的图像格式：

BMP格式：是DOS和Windows平台上常用的一种图像格式。BMP格式支持1～24位颜色深度，可用的颜色模式有RGB、索引颜色、灰度和位图等，但不能保存Alpha通道。
JPEG格式：是一种有损压缩的网页格式，不支持Alpha通道，也不支持透明。最大的特点是文件比较小，可以进行高倍率的压缩，因而在注重文件大小的领域应用广泛。

Ai格式：是Adobe Illustrator软件所特有的矢量图形存储格式。

像素
像素的全称为图像元素，缩写为px，是用来计算数码影像的一种单位。若把影像放大数倍，会发现这些连续色调其实是由许多色彩相近的小方点所组成，这些小方点就是构成影像的最小单位，即像素。

图像分辨率

图像分辨率是指图像中存储的信息量，是每英寸图像内有多少个像素点，分辨率的单位为PPI(Pixels Per Inch)，通常叫做像素每英寸。图像分辨率越高，图像越清晰。但是分辨率过高会导致图像文件过大。

注意：在设置分辨率时，需要考虑图像的用途

通常情况下，网页上图像的分辨率为72或96ppi ;

报纸图像的分辨率为120或150ppi；

打印的图像的分辨率为150ppi；

彩色印刷图像的分辨率为300ppi；

大型灯箱图像不低于30ppi；

特大的广告海报类可设置为30ppi以下。