Nepedia
Back to Discover
Advanced Reader
💻

Vector graphics

technology Maturity 11-13 Next article →

Vector graphics are a method of creating digital images using mathematical descriptions. Instead of using a grid of colored dots, these images are built from geometric shapes. These shapes include points, lines, curves, and polygons. They are placed on a Cartesian plane, which is a mathematical grid used to define positions. This system allows for extreme geometric precision.

Bitmap VS SVG
Bitmap VS SVG

Because the images are based on math, they can be scaled to any size. This makes vector graphics essential for fields like engineering, architecture, and typography.

The mechanism of vector graphics relies on coordinate geometry. The computer defines shapes as a set of points in a two- or three-dimensional system. These points are often called vertices. Because a shape contains infinite points, the software only stores a finite sample of these important vertices. For example, a square can be defined by its corner locations. The software then uses interpolation to draw the boundary lines and fill the interior space.

Phone
Phone

You can also add properties to these shapes. These include visual traits like color, line weight, or dash patterns. In specialized systems like Geographic Information Systems (GIS), shapes can also store data like name, age, or size.

There are many different types of geometric primitives used in this model. The simplest is a single point. A line segment is defined by two end points. A polyline is a connected set of line segments. A polygon is a region of space defined by a boundary where the start and end points meet. More complex shapes use parametric curves. These include circular arcs, Bézier curves, and cubic splines. These mathematical instructions allow the computer to draw smooth, non-linear paths.

Phone
Phone

For three-dimensional work, software uses polygon meshes or parametric surfaces like NURBS to create complex solids.

History shows that vector technology has been used for decades. In 1958, the US SAGE air defense system utilized vector displays. In 1963, computer graphics pioneer Ivan Sutherland used the TX-2 at the Massachusetts Institute of Technology to run a program called Sketchpad. Later, vector graphics appeared in arcade games like Asteroids, Space Wars, and Tempest. There was even a dedicated video game console called the Vectrex. While specialized vector hardware like the pen plotter or vector CRT has mostly disappeared, the data models remain vital in modern software.

Today, vector graphics are stored in many different file formats. Common types include SVG, PDF, EPS, and AI. The Scalable Vector Graphics (SVG) format is the standard for the World Wide Web. SVG files are essentially printable text that describes paths and attributes. This makes them independent of a screen's resolution. This means an SVG will look sharp on both a tiny mobile phone and a large monitor.

Phone
Phone

Other industries use specific formats, such as Autodesk's DWG for computer-aided design (CAD) or various formats for geographic data.

One of the most important concepts is the difference between vector and raster graphics. Raster graphics, like JPEGs or PNGs, use a grid of pixels. If you enlarge a raster image, it becomes blurry or pixelated. Vector graphics avoid this problem entirely. Because they are mathematical instructions, they can be resized without losing any quality. You could print a small logo on a business card or blow it up to the size of a billboard. It will remain perfectly crisp in both instances. This scalability is why fonts are stored as vector graphics.

Converting between these two types is a one-way street in many cases. Modern displays and printers are raster-based devices. This means vector data must be converted into a bitmap (a grid of pixels) to be seen. While it is easy to turn a vector file into a raster file, it is much harder to go the other way. When a vector image is converted to a raster, it loses its ability to scale without losing resolution. It also becomes much harder to edit individual parts of the image as separate objects.

Bitmap VS SVG
Bitmap VS SVG
659 words

Where will your curiosity go next?

Keep exploring at your chosen reading level.

🖼️ Images & Media (4)
File:Bitmap VS SVG.svg
Bitmap VS SVG.svg
File:Space Rocks (game).jpg
Space Rocks (game).jpg
File:Phone.jpg
Phone.jpg
File:Phone.svg
Phone.svg
More to explore

What is Nepedia?

A free, ad-free encyclopedia for children. Every article is written at five reading levels, so the same page works for a five-year-old and a fifteen-year-old — use the level switcher above to see this one change. No account needed to read.