Vector Graphic
Vector Graphic: A vector graphic is an image built from mathematically described points, lines, curves and shapes rather than a fixed grid of pixels.
What Vector Graphic means
A vector graphic is an image built from mathematically described points, lines, curves and shapes rather than a fixed grid of pixels. Vector artwork can usually be scaled without the pixelation associated with raster images. Logos, icons and technical illustrations are common vector uses.
In graphics work, this concept affects either image construction, color representation, compositing or the presentation of type. The correct workflow depends on whether the output is for screens, print, scalable artwork or pixel-based imagery.
How it is used in web and design work
Design tools often provide nondestructive ways to make changes so original image or type information remains available. Keeping editable structure is useful when a file must be revised, resized or exported to several formats.
In practical work, Vector Graphic should be interpreted according to its technical or design context. The surrounding document structure, software, output medium, browser behavior or publishing workflow determines how the concept is applied. The purpose of the term is to describe a specific part of that process, not to replace the other concepts around it.
Where the term fits
Graphics terminology often depends on the representation and output medium. Raster files store pixel information, vector graphics store geometric descriptions, screen color commonly uses RGB, and many print workflows use CMYK. Photoshop layers, masks and Smart Objects describe editing structure, while typographic terms such as kerning, tracking and leading describe specific spacing relationships within type.
Before changing a graphics file, confirm whether the source is raster or vector, its pixel dimensions or intended physical size, its color mode and whether important edits remain nondestructive. For typography, evaluate the actual typeface, size, line length and output context rather than applying one spacing value universally. These properties affect one another but describe different parts of the finished result.
Why the distinction matters
A common mistake is confusing screen, print, vector and raster concepts. Pixel dimensions, physical output size, color models and scalable geometry describe different properties and should be handled separately.
Using precise terminology helps designers, developers, editors and clients describe the same problem without mixing separate layers of a project. That is especially useful when a visual issue may actually come from document structure, when a WordPress issue belongs to a theme or plugin, or when an image problem depends on resolution, color or file type rather than styling.
Related glossary terms
The following entries sit close to Vector Graphic in the same workflow or terminology set. The distinction is useful because each term names a separate concept:
SVG: SVG, or Scalable Vector Graphics, is an XML-based format for two-dimensional vector graphics.
Vector Mask: A vector mask is a resolution-independent path used to control the visible area of a Photoshop layer.
Raster Image: A raster image is an image represented by a rectangular grid of pixels, with each pixel storing color information.
Resolution: Resolution describes the amount or density of image detail represented in a digital or printed output context.
Sources and further reading
This entry is a concise, independently written definition based on established documentation. The linked references provide standards, product documentation or broader technical context.