蓝韵铁军｜求你了，别再乱用图片了（一）

不管你是自媒体人，还是设计师，亦或是一名网站运营者，只要你平时经常与图片打交道，那么就强烈推荐收藏这篇干货满满的文章。三分钟带你了解图片的各种知识以及它们的应用场景，手把手教你从胡乱用图的小白到按需用图、用好图的大佬，让专业设计师都忍不住直呼内行！

首先，给大家讲一个概念，咱们见到的所有图片都可以划分为两大类：位图和矢量图。

位图，也叫点阵图或栅格图像，是由被称作像素的单个点组成的，每个像素使用一定的规则（RGB或YUV）进行表述，得到整个图片的二进制文件格式即为位图。它的特点是，像素的质量决定了图片的质量，当图片放大或缩小时，图片质量会发生损失。咱们网上大多数图片都是位图格式的。例如下面这幅图：

矢量图，也称为面向对象的图像或绘图图像，是根据几何特性来绘制图形，矢量图可以理解为我们日常描述图形的方法。例如：图A，一个半径100cm的黑色实心圆，重

点包括：圆，实心，半径100cm，黑色以及圆心位置这些信息。所以它只能靠软件生成，文件占用空间较小，并且经过放大后图像也不会失真，因为不管缩放成什么样，它这些特征都是固定的，和分辨率无关。与位图相比，矢量图更适用于图形设计、文字设计和一些标志设计、板式设计等。但是矢量图也有缺点，它难以表述复杂的场景。如下：

我们生活中所接触的图片，几乎都是位图。位图的每个像素都可以用RGB格式来表述，RGB是像素点色彩值的直观表述，常用的RGB包括RGB565、RGB888，表示不同的量化级别。以RGB888为例，分别采用8个bit来表示红色、蓝色和绿色，各色值的量化范围为[0,255]，可以表述2^24个色值。一张720*1080的图片如果用RGB888表述，它的大小大概是720*1080*3=2M左右，因此一般都要进行压缩处理。当前大部分的压缩处理算法都不是基于RGB的，而是针对YUV的。还有一种ARGB格式，在RGB的基础上，加上了Alpha通道，可以处理图片的透明部分。

在图片压缩方面，所有图片可以分为以下两种：有损和无损。有损压缩方法是经过压缩、解压的数据与原始数据不同但是非常接近的压缩方法。将次要的信息数据压缩掉，牺牲一些质量来减少数据量，使压缩比提高。无损压缩，则是会真实记录图像上每一个像素点的数据信息，但为了压缩图像文件大小，会采取一些特殊的算法。

在设计和操作图片时，了解不同的图形格式是非常重要的。下一期继续给大家介绍下常用的几种图片格式：GIF、PNG8、PNG24、JPEG、WEBP等等。只有了解不同格式的特性，才能根据需求和场景选取合适的图片格式。