首页 > 数字营销 > 营销观点 > 蓝韵铁军丨求你了,别再乱用图片了(一)

蓝韵铁军丨求你了,别再乱用图片了(一)

作者:小编来源:时间:2022-02-24

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

 

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

 

位图,也叫点阵图或栅格图像,是由被称作像素的单个点组成的,每个像素使用一定的规则(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等等。只有了解不同格式的特性,才能根据需求和场景选取合适的图片格式。

 

TAGS
推荐阅读

与蓝韵项目经理通话

请输入正确的手机号码格式

信息保护中请放心填写

在线咨询
 
提交成功
关闭浮窗