矢量图和位图是两种完全不同的图像格式。矢量图是用数学公式描述的,放大缩小都不会模糊;位图是由像素点组成的,放大了就会模糊。VI设计中的logo、标准字这些核心元素,必须用矢量图。因为它们要在各种尺寸下使用——小到图标,大到广告牌——矢量图才能保证清晰。
我们先来看什么是矢量图。
矢量图,不是由像素点组成的,而是用数学公式描述的图形。比如一个圆形,矢量图记录的是"圆心在(x,y),半径是r的圆"。你把它放大10倍、100倍,它还是那个圆,只是变大了,边缘依然清晰。
矢量图的特点:

• 放大缩小都不模糊
• 文件体积小
• 颜色可以很容易地改变
• 适合做logo、图标、线条图形
常见的矢量图格式有:
• AI(Adobe Illustrator格式):最常用的矢量图格式
• EPS:跨平台的矢量格式
• SVG:网页用的矢量格式
• CDR(CorelDRAW格式):另一种常用的矢量格式
再来看什么是位图。
位图,也叫像素图。它是由一个个像素点组成的。你把位图放大,放大到一定程度,就能看到一个个小方块,也就是像素。
位图的清晰度,跟分辨率有关。分辨率越高,像素越多,图就越清晰。但不管分辨率多高,放大到一定程度,还是会模糊。
位图的特点:
• 放大了会模糊
• 文件体积大
• 颜色丰富,可以做复杂的照片效果
• 适合做照片、复杂的插画
常见的位图格式有:
• JPG/JPEG:最常用的照片格式,有压缩
• PNG:支持透明背景的格式
• GIF:简单的动画格式
• PSD(Photoshop格式):分层的位图格式
我们来总结一下,矢量图和位图的核心区别。
这是最直观的区别。矢量图放大了不模糊,位图放大了会模糊。
你可以做个实验:把一张jpg图片放大到很大,看看是不是能看到一个个小方块。这就是位图的特点。而矢量图,你放多大都清晰。
同样的内容,矢量图的文件体积比位图小很多。因为矢量图记录的是数学公式,不是像素点。
矢量图适合做:logo、图标、线条图形、文字。这些需要放大缩小都清晰的东西。
位图适合做:照片、复杂插画、渐变丰富的图像。这些颜色复杂、细节丰富的东西。
很多人问:为什么logo必须用矢量图?不能用jpg吗?
logo要在各种尺寸下使用:大到几米宽的广告牌,小到几毫米的书签。如果用位图,小尺寸可能还行,大尺寸就模糊了。矢量图就没有这个问题,放多大都清晰。
logo要印在各种材质上,要用各种颜色。如果用位图,改颜色很麻烦,效果也不好。矢量图改颜色就很简单,一键就换了。
这就是为什么VI设计交付的源文件,都是AI、EPS这种矢量格式。因为这些东西要反复用、反复改,矢量图最方便。
在VI设计中,不是所有东西都用矢量图。什么时候用矢量图,什么时候用位图?
以下这些,必须用矢量图:
• 标志(logo)
• 标准字
• 辅助图形
• 线条图标
• 所有需要反复修改、缩放的元素
以下这些,用位图就可以:
• 产品照片
• 人物照片
• 复杂的插画
• 纹理素材
这些东西颜色复杂、细节丰富,用位图效果更好。
很多企业手里只有位图的logo,想转成矢量图,怎么办?
现在的设计软件,都有"图像描摹"功能。把位图导进去,软件自动识别,转成矢量图。
但这个自动转换,效果不一定好。尤其是细节复杂的logo,自动描摹出来的效果很差,还要手动调整。
最好的方法,还是找设计师重新绘制。照着位图的样子,重新画一个矢量版。这样出来的效果最好,边缘最干净。
VI设计做完了,交付文件的时候,要注意什么?
一定要让设计公司把矢量源文件给你。如果只给你jpg、png这种位图,那以后你要改个颜色、调个大小,都很麻烦。
交付的时候,设计公司应该给你多种格式:
• AI/EPS:矢量源文件,用来编辑
• PNG:透明背景的位图,用来做网页
• JPG:不透明的位图,用来预览
关于矢量图和位图,有几个常见的误区。
不对。矢量图和位图各有各的用处。照片用位图更好,logo用矢量图更好。没有谁比谁好,只有适合不适合。
不对。分辨率再高的位图,放大了还是会模糊。矢量图是不管放多大都清晰,这是本质区别。
不对。jpg是位图,放大了会模糊。而且jpg改颜色很麻烦。logo必须用矢量图。
矢量图和位图,是两种完全不同的图像格式。矢量图用数学公式描述,放大缩小都不模糊;位图由像素点组成,放大了会模糊。VI设计中的logo、标准字这些核心元素,必须用矢量图。因为它们要在各种尺寸下使用——小到图标,大到广告牌——矢量图才能保证清晰。企业做VI设计,一定要让设计公司交付矢量源文件,这样后续用起来才方便。