TutorChase logo
Login
AQA A-Level Computer Science

14.6.5 Vector Graphics

Vector graphics are computer images made from lines and shapes defined by mathematical formulas, allowing them to be resized without losing quality or detail.

What are vector graphics?

Vector graphics are a method of image representation in which pictures are composed of geometric objects rather than individual coloured pixels. Each element in a vector graphic is based on mathematical definitions of shapes and paths, such as lines, curves, and polygons. These graphics differ significantly from bitmapped (or raster) images, which store data for every single pixel in a grid. Instead, vectors use formulas to describe shapes, making them extremely flexible and efficient, especially when dealing with images that need to be scaled or modified often.

Key characteristics of vector graphics

  • Mathematical precision: Every element is calculated using coordinates and formulas, making the image resolution-independent.

  • Smaller storage requirements for simpler images, as there is no need to store pixel data.

  • Scalability: Vector images can be resized to any dimension without losing sharpness or clarity.

  • Layered and object-based editing: Each shape is an independent object with its own set of properties, making the image easier to edit.

Defining shapes in vector graphics

Take your grades to the next level!

UPGRADING TO PREMIUM UNLOCKS
AI Tutor
AI-powered study assistant
instant feedback and guidance
Predicted Papers
Examiner-style predicted papers
based on recent exam trends
Practice Questions
All exam practice questions
by topic for each subject
Study Notes
All detailed revision notes
written by expert teachers
Cheat Sheets
Quick revision summaries
perfect for last-minute review
Past Papers
Complete collection
of practice and past exam papers
Email
Password
Confirm Password
Already have an account?

Practice Questions

FAQ

Vector graphics are ideal for large-format printing because they are resolution-independent. Unlike bitmap images that rely on a fixed grid of pixels, vectors use mathematical formulas to describe shapes and lines. This means that no matter how much you scale a vector graphic, the image retains its crisp edges and clean lines because it is redrawn at the new size using the same geometric definitions. This avoids the pixelation or blurriness that often occurs when bitmap images are enlarged beyond their native resolution. Additionally, vector files tend to be smaller in size for graphics like logos and illustrations, making them easier to handle and quicker to process during printing. Vector formats also support precise alignment, accurate colour control, and sharp text rendering—essential features in commercial print. This precision ensures consistency across different print sizes and materials, from small flyers to massive outdoor banners, without requiring separate image versions.

Yes, vector graphics can include text elements, and they are stored as separate objects with their own properties, just like shapes. Text in a vector file is usually defined using font families, sizes, alignment, colour, position, and optional transformations like rotation or scaling. Each character is stored as a piece of editable text data, not as individual pixels, which allows it to remain sharp and clear at any size. This makes vector-based text ideal for use in logos, infographics, and diagrams where readability at different scales is important. Many vector formats, such as SVG and AI, also allow the text to be converted into vector paths (a process called "outlining" or "converting to curves"). This ensures that the text maintains its shape regardless of whether the target system has the font installed. Additionally, vector text objects can be individually edited, styled, duplicated, and animated, offering great flexibility for design and layout work.

Vector graphics support transparency and layering through object-based stacking and alpha channel settings. Each shape or object in a vector image exists independently, meaning it can be positioned in front of or behind other objects by adjusting its z-order or layer position. This allows for complex compositions where objects can overlap without interfering with each other’s properties. Transparency is handled using an opacity value or alpha channel, typically ranging from 0 (completely transparent) to 1 (fully opaque). Some formats also support gradient transparency for soft fading effects. This is different from bitmap graphics, where transparency is applied to individual pixels, often requiring additional channels or masking techniques. Because vector transparency applies to whole objects, it's easier to manage and adjust, especially in layered designs. This makes vectors more flexible for creating illustrations, infographics, and UI components where overlapping, semi-transparent elements are commonly used to enhance depth and visual clarity.

Yes, vector graphics are highly suitable for animations, especially for 2D motion graphics, icons, and interactive interfaces. Animated vector graphics are created by manipulating the geometric properties of vector shapes over time. This includes changing position, scale, rotation, colour, opacity, and path shape. Tools such as Adobe Animate, After Effects, and web-based libraries like SVG with CSS or JavaScript allow developers and designers to animate vector elements smoothly and efficiently. Vector animations are preferred in digital platforms because they produce small file sizes and render sharply on high-resolution screens. Unlike frame-by-frame bitmap animations, vector animations rely on mathematical interpolation between keyframes, which reduces the number of frames needed and keeps transitions smooth. Common formats for animated vectors include SVG animations, Lottie (used in mobile and web apps), and SWF (formerly used in Flash). These methods enable responsive and scalable animations that are visually consistent across devices and adaptable to different screen resolutions.

While vector graphics can handle effects such as shadows, textures, and gradients, they are more limited compared to raster graphics when it comes to realism and visual depth. Shadows in vector images are usually applied as drop shadows defined by offset, blur, colour, and opacity parameters, but they lack the natural variation and softness of shadows in bitmap images. Similarly, gradients in vector graphics are typically linear or radial and rely on mathematical interpolation between colours. More complex gradients, like mesh gradients or multicolour blends, can be supported in some advanced formats (e.g. Adobe Illustrator), but they are harder to achieve and less flexible than in raster editors. Textures are particularly challenging in vectors, as they require repeating patterns or simulated fills rather than true pixel-based variation. While you can mimic certain textures using vector patterns, they often appear stylised and may not match the organic look achieved in bitmap graphics. For highly detailed visual effects, raster images are still preferred.

Hire a tutor

Please fill out the form and we'll find a tutor for you.

1/2
Your details
Alternatively contact us via
WhatsApp, Phone Call, or Email