矢量图VS像素图,我该如何选择?

我们在特定环境下,一般会选择使用特定的图片选项和文件格式。涉及到不同的文件类型时,兼容性是主要问题之一,而图像的类型,是左右最终呈现效果的关键要素。

图像有两种类型:矢量图和像素图(或译作光栅图、点阵图、位图)。矢量图由曲线(或称路径)及曲线的封闭图形构成。而像素图则由像素点组成。那么,你如何判断什么情况下应该用什么类型的图像呢?

 

1.矢量图

78676315 - design, sharing - 矢量图VS像素图,我该如何选择?

构成矢量图的曲线,或称路径,是基于数学公式计算出的。矢量图必须由特定软件生成,这种软件需要有定义锚点位置、曲线走向、线段长度等的能力。矢量软件可以为曲线或封闭图形赋以颜色。由于矢量图形由数学公式计算绘制,所以矢量图可以被任意复制、放大或缩小,上述改变均不会使矢量图失真或变得模糊。

通过查看图像的边缘,你可以识别一张图是否是矢量图。矢量图的边缘是平滑的,无论放大多少都不会出现马赛克的现象。文本通常也是矢量的,不论如何增加字体大小,它都能保持一致的外观。

矢量图的另一个优点,是存储效率较高。因为矢量图是由数学描述构建起来的,所以通常矢量图文件会比像素图小一些。而如我们所知,小文件更利于互联网传输。

兼容性是矢量图经常面临的问题。矢量图通常由创建它的软件进行保存,如Adobe Illustrator,即便将矢量图存储为兼容性较好的格式(如EPS、PDF),也并不是所有人都可以使用它。

 

1.1.矢量图与Logo

29527516 - design, sharing - 矢量图VS像素图,我该如何选择?

设计Logo时,矢量图往往是我们的首选。由于矢量图本身的特性,修改起来会更加顺手,而且有利于输出各种尺寸的图片。也许设计之初,你只需要一个网页Logo,但随着业务发展你可能要把Logo用在横幅或包装上,使用矢量图就可以避免像素不足的后顾之忧。

 

1.2.矢量图与照片

照片不是矢量的,矢量工具只能创建看起来有些像照片的插图。

 

1.3.矢量图的使用

大部分公司的Logo都是以矢量形式存档的,最终呈现时才被转化为用于网页或印刷的像素图副本。管理好矢量图可以节约大量时间,它让你不必再去寻找特定大小的像素图了。

高分辨率高质量的剪贴画也经常被制作成矢量图销售。购买时,如果选择矢量图而不是高分辨率图像,你将用同样多的钱获得更加灵活的图像。

字体也被创建为矢量图,矢量字体允许你任意调整大小而保持字体的质量。矢量类型的字体往往看起来锐度更高,能很好地保留原有的形状和平滑的边缘。但需要注意,如果使用像素软件(如Adobe Photoshop),一旦字体被保存在图片上,那它将失去矢量字体的属性。

 

2.像素图

64620235 - design, sharing - 矢量图VS像素图,我该如何选择?

像素图也称为位图,是有大量像素点组成,每一个像素点是一个单色的小方块。如果将像素图放大到一定程度,你可以看到每个像素的方形轮廓,在边缘处可以看到不再平滑的过渡。

像素图文件通常比矢量图更大,更高的DPI(点密度)和PPI(像素密度)也会让像素图更占空间,因为没多出一个像素点它都将被记录在文件里。在存储空间有限或需要以邮件形式发送图像的时候,像素图可能会因为大小产生问题。

 

2.1.像素图与Logo

你应该避免在创建Logo和插画时使用像素图。在某些情况下,使用像素图也可以创建Logo,特别是在Logo很依赖图像的情况下。然而,仍然建议你用矢量图制作Logo,并创建一些像素图副本用于特定的地方。

 

2.2.像素图与照片

83997582 - design, sharing - 矢量图VS像素图,我该如何选择?

像素图是照片首选的存储方式。您使用数码相机或扫描仪等设备创建出的都是像素图。

 

2.3.像素图的使用

几乎所有网站上的图片都是像素图,即便有些原本是用矢量软件绘制的。像素图通常用于数字媒体,但在用于印刷时,你必须保证像素图有足够的分辨率,以保障印刷效果。

在印刷媒体(包括书籍、杂志和报纸等)中,像素图通常用于呈现照片。为了印刷效果,这里使用的像素图通常以很高的DPI保存。

 

3.文件格式

图像存储的格式是多种多样的。任意拿到一个图像文件,你可以通过它的扩展名来猜测它是像素图还是矢量图。下面是一些常见的文件格式:

 

3.1.矢量图文件格式:

Adobe Illustrator: .ai, .ait, .art

Corel Draw: .cdr, .cdrw, .cdt

Corel: pat (Paint Shop Pro Pattern Image)

Digital Line Graph: .dlg, .do

OpenOffice: .odg

 

3.2.像素图文件格式:

常见文件类型:.jpg(JPEG像素格式),.gif(GIF透明格式),.png(Portanble网络图形透明格式),.tiff或.tif(可交换标记格式)。

Adobe Photoshop: .psd

 

3.3.EPS格式和PDF格式:

PostScript文件(.eps)是一种特殊格式,基于和矢量图相同的原理存储,但也可以由像素软件图生成。EPS是便携性最高兼容性最好的格式之一,几乎所有的图像处理软件都支持它。当不能以默认格式保存矢量图形时,一般保存为EPS格式。

Adobe Portable Document Format文件(.pdf)是由矢量图和像素图组合而成的。在这种紧凑通用的格式下,矢量图、字体和图片将被分别存放,并由各自的设置实现放缩以还原版面。注意像素图的大小如果超过原大小的100%,就会造成质量降低。

 

写在最后

10689711 - design, sharing - 矢量图VS像素图,我该如何选择?

20728846 - design, sharing - 矢量图VS像素图,我该如何选择?

学会理解这些图像类型,将大大节约创建和整理图像的时间,并让你学会评估每种类型适用的场合。

记住,矢量图最适合做Logo和插画,而像素图是数码摄影的标准,后者是图像在数字媒体上的最终表现形式。你应该考虑以矢量形式保存文件,并创建一些像素图副本,来方便你的工作。

 

英文来源:DesignShack

英文标题:Vector vs. Raster: What Do I Use?

原作者:Carrie Cousins

翻译:卡米雷特


相关题外话:

字体文件的存储方法有两种:点阵字体(位图字体/光栅字体)、矢量字体(曲线字体)。

点阵字体(FON格式)是由像素点组成的,早年间经常使用,如win98下的字体编辑器,就是fon字体的制作工具之一。

矢量字体(TTF格式)是由曲线控制,为了让字形可控,会使用双路曲线围出字形填充。

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!


您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注