Learn Design Terms

Vector Graphics
Glossary

A comprehensive guide to vector graphics, SVG, and design terminology. Perfect for beginners and professionals alike.

A

Anchor Point

A point on a vector path that defines where the path changes direction. Anchor points can be connected by straight lines or curves and can be manipulated to reshape the path.

Related:PathBezier CurveHandle

Anti-aliasing

A technique used to smooth the jagged edges of diagonal lines and curves in digital graphics by adding semi-transparent pixels along the edges.

Related:RasterizationPixel

Artboard

A defined workspace or canvas area in vector design software where artwork is created. Multiple artboards can exist in a single document.

Related:CanvasViewport
B

Bezier Curve

A mathematically defined curve used in vector graphics, controlled by anchor points and handles. Named after French engineer Pierre Bezier, these curves form the basis of most vector illustrations.

Related:Anchor PointHandlePath

Bitmap

A type of image composed of a grid of pixels, where each pixel contains color information. Also known as raster graphics. Common formats include PNG, JPG, and BMP.

Related:RasterPixelResolution

Blend Mode

A setting that determines how colors on overlapping layers or objects interact with each other. Common modes include multiply, screen, and overlay.

Related:OpacityLayer
C

Clipping Path

A vector path used to define which parts of an image or object are visible. Content outside the clipping path is hidden but not deleted.

Related:MaskPath

CMYK

A color model used for print production, consisting of Cyan, Magenta, Yellow, and Key (black). These four inks combine to create a wide range of colors on printed materials.

Related:RGBColor SpacePrint

Compound Path

Two or more paths combined to act as a single path, allowing for complex shapes with holes or multiple disconnected parts.

Related:PathBoolean Operations

Control Point

See Handle. A point that controls the direction and curvature of a Bezier curve without being on the curve itself.

Related:HandleBezier Curve
D

DPI (Dots Per Inch)

A measure of print resolution indicating how many ink dots are placed within a one-inch line. Higher DPI results in sharper printed images. Standard print resolution is 300 DPI.

Related:PPIResolution

DXF (Drawing Exchange Format)

A CAD file format developed by Autodesk for exchanging drawings between different software. Commonly used for laser cutting and CNC machining.

Related:CADVector Format
E

EPS (Encapsulated PostScript)

A vector file format that can contain both vector and raster elements. Widely used in professional printing and graphic design workflows.

Related:PostScriptVector FormatPDF

Export

The process of saving or converting a file to a different format for use in other applications or purposes.

Related:SaveConvert
F

Fill

The color, gradient, or pattern applied to the interior area of a vector shape. Fills can be solid colors, gradients, or complex patterns.

Related:StrokeGradientPattern

Flatten

The process of merging all layers in a design into a single layer, often done before final export or when converting to certain formats.

Related:LayerMerge
G

Gradient

A smooth transition between two or more colors. Linear gradients transition in a straight line, while radial gradients transition from a center point outward.

Related:FillColor Stop

Glyph

A single character or symbol in a font, including letters, numbers, punctuation, and special characters.

Related:TypographyFont

Group

Multiple objects combined together so they can be moved, scaled, or transformed as a single unit while maintaining their individual properties.

Related:LayerObject
H

Handle

Control points that extend from anchor points on Bezier curves, determining the direction and curvature of the path segment.

Related:Anchor PointBezier Curve

Hex Code

A six-character code representing a color in RGB format, commonly used in web design. For example, #FF0000 represents pure red.

Related:RGBColor
I

Illustrator (Adobe)

Professional vector graphics software developed by Adobe, widely used for creating logos, illustrations, and print materials.

Related:Vector SoftwareAI Format

Image Trace

A feature in vector software that automatically converts raster images into vector paths. Quality varies based on source image and settings.

Related:VectorizationAuto-trace
J

Join

The style of corner where two path segments meet. Common join types include miter (pointed), round, and bevel (flat).

Related:StrokePathCap

JPG/JPEG

A lossy raster image format commonly used for photographs. Not suitable for graphics with sharp edges or text due to compression artifacts.

Related:RasterCompressionPNG
K

Kerning

The adjustment of space between individual letter pairs in typography to achieve visually pleasing and readable text.

Related:TypographyTrackingLeading

Knockout

An area where underlying colors are removed to prevent color mixing when printing. Important for accurate color reproduction in print.

Related:OverprintPrint
L

Layer

A level in a design document that contains objects separately from other levels, allowing for organized editing and effects application.

Related:GroupStack Order

Leading

The vertical space between lines of text, measured from baseline to baseline. Named after the lead strips used in traditional typesetting.

Related:TypographyKerningTracking

Live Trace

See Image Trace. Adobe Illustrator feature for converting raster images to vector paths.

Related:VectorizationImage Trace
M

Mask

A shape or image used to hide parts of another object. Similar to clipping paths but can include transparency and gradients.

Related:Clipping PathOpacity

Mesh Gradient

A type of gradient that allows multiple colors to blend across a grid of points, creating complex color transitions within a single shape.

Related:GradientFill
N

Node

See Anchor Point. A point on a vector path where the direction or curve changes.

Related:Anchor PointPath
O

Opacity

The degree to which an object is transparent. 100% opacity is fully opaque, while 0% is completely transparent.

Related:TransparencyBlend Mode

Outline

Converting text or strokes to editable vector paths, or the visible edge of a shape. Essential for ensuring fonts display correctly when shared.

Related:PathStrokeConvert to Outlines
P

Path

The fundamental element of vector graphics - a line defined by anchor points connected by straight or curved segments. Paths can be open or closed.

Related:Anchor PointBezier CurveStroke

PDF (Portable Document Format)

A file format that can contain both vector and raster elements, preserving formatting across different devices and software. Widely used for print and document sharing.

Related:EPSVector Format

Pixel

The smallest unit of a raster image. A single point of color that, combined with thousands or millions of others, forms a complete image.

Related:RasterResolutionBitmap

PNG (Portable Network Graphics)

A lossless raster image format that supports transparency. Ideal for web graphics, logos, and images requiring sharp edges.

Related:RasterTransparencyJPG

PPI (Pixels Per Inch)

A measure of screen or image resolution indicating pixel density. Higher PPI results in sharper digital displays.

Related:DPIResolution
R

Raster

A type of digital image composed of a grid of pixels. Raster images lose quality when scaled up, unlike vector graphics.

Related:BitmapPixelVector

Resolution

The amount of detail in an image, typically measured in DPI (print) or PPI (screen). Vector graphics are resolution-independent.

Related:DPIPPIScalable

RGB

A color model using Red, Green, and Blue light to create colors. Used for digital displays. Each channel ranges from 0-255.

Related:CMYKHex CodeColor Space
S

Scalable

The ability to resize without losing quality. Vector graphics are infinitely scalable because they are defined by mathematical equations, not pixels.

Related:VectorResolution Independent

Stroke

The visible outline or border of a path. Strokes have properties including width, color, dash patterns, and cap/join styles.

Related:FillPathCapJoin

SVG (Scalable Vector Graphics)

An XML-based vector image format for the web. SVGs are resolution-independent, can be styled with CSS, and animated with JavaScript.

Related:Vector FormatXMLWeb Graphics
T

Trace

The process of converting a raster image to vector paths, either manually by drawing over the image or automatically using software.

Related:VectorizationImage Trace

Tracking

The uniform adjustment of space between all characters in a block of text, unlike kerning which adjusts specific letter pairs.

Related:KerningTypography

Transform

Operations that change the position, size, rotation, or shape of an object, including move, scale, rotate, skew, and reflect.

Related:ScaleRotate

Transparency

The quality of being see-through. In vector graphics, transparency allows underlying objects to show through.

Related:OpacityAlpha Channel
V

Vector

Graphics defined by mathematical equations describing points, lines, curves, and shapes. Vectors can be scaled infinitely without quality loss.

Related:ScalablePathRaster

Vectorization

The process of converting raster images into vector format. Can be done manually, automatically with software, or using AI-powered tools like VectoSolve.

Related:TraceImage TraceRaster to Vector

Viewport

In SVG, the visible area of the graphic. The viewport defines what portion of the SVG content is displayed.

Related:ViewBoxSVGArtboard

ViewBox

An SVG attribute that defines the coordinate system and aspect ratio of the graphic, allowing SVGs to scale responsively.

Related:ViewportSVG
W

Weight (Stroke)

The thickness of a stroke, typically measured in points or pixels.

Related:StrokePath

WebP

A modern raster image format developed by Google that provides superior compression for web images. Supports both lossy and lossless compression.

Related:PNGJPGRaster
X

XML

Extensible Markup Language, the text-based format used to define SVG files. XML uses tags and attributes to structure data.

Related:SVGCode
Z

Z-Index

The stacking order of elements, determining which objects appear in front of or behind others. Higher z-index values appear on top.

Related:LayerStack Order

Ready to Create Vector Graphics?

Now that you know the terminology, try VectoSolve to convert your images to professional vector graphics in seconds.

Try VectoSolve Free