返回  

矢量图 vs 栅格图,我们该使用哪个?

2017/10/31 11:31:32 来源:深圳网站建设公司Clh

当你有太多的图像和文件格式选择时,选择要使用的文件类型(并发送给客户),反而可能会有点让你不知所措。当你使用不同的文件类型时,兼容性始终是一个问题,但是当涉及到图形和图像,你所使用的在PC端的格式类型对于图像的呈现方式就显得至关重要了。


对于这一点,在网站设计领域中我们通常有两种类型的数字图形文件格式可供选择——矢量图或栅格图。矢量图由成千上万条细线和曲线(或路径)组成,栅格图则是由像素构成。但是,你如何知道哪种格式最适合你的项目呢?


1.矢量图

Snowy street clip art picture

矢量图像是由一种叫做路径的细线和曲线构成的,它植根于数学理论。这种图像必须借助计算机软件以创建矢量图形这种比较复杂的线框式图像。图像中的任何一条线或曲线都可以指定一个颜色值。基于这种数字化的绘画方法,每幅图像都可以在任何分辨率的情况下,反复地、无限地变形和缩放,而在外形上不会出现看起来模糊不清或像素化的情况。

你可以通过观察衣柜图像或图形的边缘来识别它是否是一个矢量图像——不管你做了多大的改变,或者放大了多少,矢量图像的边缘总是平滑的。文本是最常见的矢量图像类型之一,例如,不管你对字体的大小施加了多少的值,它的外观都不会改变。

使用矢量图像的另一个优点在于文件的大小。因为这些文件只是通过数学计算或描述而得来的,不是单个像素来识别,所以文件通常比栅格化的图像文件要小得多。因此,矢量图像越来越多的被使用在网站设计和数字化平面设计领域中,因为他们通常很容易从一台计算机传输到另一台计算机。

不过使用矢量图像还是存在一些弊端的,最常见的问题是兼容性。矢量图像通常是通过创建这些图像的程序而被保存为本地文件格式的,例如Adobe Illustrator,所以它可能并不适合你需要使用的每个领域(尽管存在广泛兼容的格式)。


1.1 Logos

a logo image

矢量图像是设计或创logo或插图时的第一选择。由于创建和保存图像的方式,这将具有更大的灵活性,可以进行更大范围和程度上的更改,并能够使用各种大小调整。你现在可能只需要为你的网站设计匹配一个logo,但是logo的用途如此繁杂,如果你想要在一个横幅或商品上使用,而不需要再重新创建它,我相信失恋图示一个很好的选择。


1.2 照片

照片并不是矢量图形。只有在矢量工作空间中创建看起来像照片的插图,这才是矢量图片。


1.3 关于使用

大多数公司都以矢量图像的方式创建所有的logo和图标。这些文件被保存起来,并作为用于打印和网页设计发布可能使用到的栅格化图像的基础。通过创建一个有序且广泛的矢量图像库可以节省你的时间,因为它可以根据你的实际需求调整大小。

高分辨率,高质量的插画艺术已经顺应这种趋势,以矢量的格式被开发和销售。当你购买基于矢量格式创建的矢量插画而不是高dpi的图像时,你会发现你将获得更多的灵活性和节约更多的钱。

字体样式和字体也被创建为矢量图像,它允许你在保持质量的同时改变大小。这也可以防止类型看起来不稳定,并帮助某些字体保持他们光滑的形状和边缘。请注意,如果你在Adobe Photoshop(这是基于栅格)的软件中创建一个图像或其他类型的文件类型,一旦图像被压缩并保存,你的文本将失去它的矢量属性。


2.栅格化图像

Black and white character images

栅格化图像通常也被称为位图,因为它们是由数百万个叫做像素的小方块构成的。你可以通过仔细观察来确定一个已经栅格化的图像或位图。如果你放大的足够多,你就能看到每个像素的正方形轮廓(特别是色彩对比比较大的边缘)。

栅格化的图形通常比矢量图形的文件大小更大。更高的DPI(点/英寸)和PPI(像素/英寸)设置也会导致更大的文件,因为软件必须跟踪并且渲染每个像素。如果存储空间或服务器空间有限,或者文件必须以电子方式传输,文件大小可能会成为问题。


2.1 Logos

在创建和使用logo和插图时,你可定能会希望尽可能的避免使用栅格图像。在某些情况下,栅格图像可以在logo上成功地使用,特别是在图标类型的图像使用的更多而不是基于文本的情况下。但是,建议将logo和图标作为矢量文件创建,并将他们的副本储存为栅格图像保存,以备特定项目所需。


2.2 照片

Office desktop

在处理照片时,栅格图像实际上是首选的方法。当用数码相机拍摄照片或在扫描仪上拷贝照片时,结果输出的文件就是栅格图像。


2.3 关于使用

你在网站设计上看到的几乎所有图片都是栅格图像,即使是那些最初通过路径创建的图像。栅格图像通常可以用于数字出版物,但在印刷项目中可能在效果上并不理想。通常这些文件被保存为低分辨率,不适合打印的副本图像文件。

在印刷领域中——例如书籍、杂志和报纸——栅格图像经常被用来作为照片的拷贝。图像保存为高DPI,这样在印刷过程中质量不会受到影响。你可以在之前的Design Shack文章中找到更多关于DPI和PPI的信息。


3.格式文件

图像文件可以保存并存储为各种格式。如果你使用的是你没有接触过的文件格式类型的话,你可以通过查看文件格式或图像文件名末尾的文件扩展名来猜测图像文件是矢量的还是栅格的。下面是一些比较常见的文件格式。


3.1 矢量格式

基本的文件类型:.drw(矢量文件)  .pif(矢量图像GDF格式)  .pct(Macintosh bitmap图形格式)  .ps(Adobe PostScript)  .eps(Encapsulated PostScript)  .svf(简单的矢量格式)。

· 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格式

Encapsulated PostScript文件(.eps)是自包含的文件,这些文件与矢量文件在数学上是一样的,尽管它们也可以从栅格图像中创建。这种格式是最兼容和便携的,因为几乎所有的图形软件都支持它们。当本机格式不可用时,它们是可使用的矢量文件的另一种选择。

Adobe便携式文档格式(.pdf)文件是使用矢量和栅格图像的格式组合。在这个紧凑而通用的格式中,文件呈现为它们各自在最开始被创建的格式。矢量图像被渲染成矢量的样式,并被缩放和提取。字体被嵌入到一个文件中,并被渲染为类型,而不是作为图像元素被压缩。像照片这样的栅格图像将会以100%的比例出现,但如果过度被放大,就会开始失去质量。


总结

raster image

vector image

从正确的图像类型开始可以为你节省大量时间并在项目过程中随时重新调整你的工作。所以在项目开始之初(尤其是在网页设计或平面设计领域中),你就应该先评估你将如何以及在哪里使用图形并相应地生成你所需要的图像。

牢记矢量图像最好的应用是在logo和插图上。栅格图像是数码摄影的标准格式,并且通常在所有图形被数字化发布后都使用的格式。考虑为你的文件创建一个矢量图像库,并为基于可能会使用到栅格文件的工作保存副本,以节省你在项目周期中的时间和费用。



----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务