矢量图形和光栅图形有什么区别?

平面设计 向量 设计原则 图片格式 光栅 文件格式
2022-01-15 02:45:57

我从先前的知识中了解到,有两种不同的图像格式/合成选项可用于创建图像;光栅和矢量。

我想了解更多关于它们的信息,例如每个的定义特征是什么,以及每个可能具有哪些典型的通用用例。


  1. 光栅图形由什么组成?

    • 我什么时候要选择光栅而不是矢量?

  1. 矢量图形是由什么组成的?

    • 我什么时候想选择矢量而不是光栅?

4个回答

矢量图形是以数学方式表示图像的图形。这允许人们将图像放大到无限精度。它们非常适合以各种分辨率和尺寸使用图像的情况。

光栅图形具有固定尺寸,有点像在每个点都有指定值的网格图案。这些图形是现实世界中事物(IE、扫描图像、照片等)的默认设置。当图像仅使用一次并且永远不需要放大,或者部分来自照片或其他真实世界的图像时,它们非常适合使用。

在此处输入图像描述

(左边是Illustrator,右边是Photoshop)

光栅图像只是像素网格,就像数码相机或扫描仪出来的一样。该文件不知道这些像素是什么意思Web 图像和数字绘画通常是光栅图像。

  • Adobe PhotoshopGIMPKritaCorel PhotopaintPixelmator主要是光栅(有些也有一些非常基本的矢量工具,但它们创建的图像是光栅)。
  • 大多数数字绘画程序和应用程序,如 ArtRage、Sketchbook、Layerpaint 和 Procreate 都是光栅。
  • JPGGIFPNGTIFFBMP都是常见的光栅图像格式。PSD(Photoshop 文件)也是光栅(但可以包含某种矢量形状)。PDF可以同时包含两者。

矢量图像由单独的形状、线条、路径等组成。它们更灵活,因为每个形状都是独立的,您可以随意放大和缩小,但很难让图像看起来自然。

  • Adobe IllustratorInkscapeSketchAffinity DesignerCorel Draw主要是矢量(尽管有些工具有一些添加光栅效果的工具)。
  • 大多数CAD 和 3D渲染程序,如 AutoCAD、Maya、Blender 和 Cinema4D 都使用(更复杂的)矢量。
  • EPSSVGAI (Illustrator) 是最常见的矢量格式。它们都可以包含嵌入的光栅图像。PDF可以同时包含两者 - 生成 PDF 是一种很好的做法,其中所有可以是矢量的东西都是矢量,只有像照片这样的东西是光栅的。

一般来说,如果你可以使用矢量,这是一个好主意。它的缩放会更灵活,更容易编辑,而且您不必担心分辨率是否足够高以进行打印(矢量图像具有无限分辨率)。

将两者混合使用是很常见的,例如,您有照片和其他元素。

@Pearsonartphoto 已经说得很好了。为了找到仍然正确的最短可能定义:

  • 矢量图形是几何元素(圆形、正方形、三角形等基元......以及多边形和曲线)的集合,您可以将其放大到任意大小。

  • 光栅(像素)图形是彩色点的集合。如果没有开始显示的点,您将无法放大它。

注意:Inkscape 是矢量图形编辑器的一个示例,而 GIMP/Photoshop/Paint.NET/etc 则适合编辑光栅图像。


有没有注意到,当您放大图像时,质量会降低?那是光栅图像。光栅图像就像您的数码相机拍摄的图像。它们通常采用 JPG(有损)、GIF(无损)、PNG(我最喜欢的;无损)等格式。

这是一个正在运行的光栅图形编辑器:

油漆网


同时,矢量图像采用 SVG 等格式。它们的应用程序通常不适合日常使用。(普通人不使用矢量图形。)通常,您不能上传 .svg 文件,而且不是每个人都有编辑器(即使 Inkscape 是免费的)。

它们基于向量的数学思想:

矢量图

不过,矢量图可以做的不仅仅是线条。他们可以绘制其他“原语”,如正方形、圆形、曲线。


这是一个最好地解释差异的图像:http://en.wikipedia.org/wiki/File: VectorBitmapExample.svg

请注意,我无法上传,因为它是 .svg(矢量)格式。不过,您可以将其转换为栅格,但我太懒了。