In simple terms
A friendly intro before the formal notes — no formulas yet.
Pixels vs. Paths
Digital images are created in two main ways: as a grid of coloured dots (bitmap) or as a set of mathematical instructions (vector). Understanding this difference is key to knowing why some images get blurry when enlarged and others don't.
Imagine creating a picture. You could use mosaic tiles, where each tile is a single colour. To make the picture bigger, you'd need more tiles, and if you just stretched the original, it would look blocky. This is a bitmap image. Alternatively, you could write down instructions like 'draw a red circle here, a blue square there'. To make this picture bigger, you just change the instructions to 'draw a LARGER red circle', and it remains perfectly sharp. This is a vector image.
- 1
A bitmap image is a grid of tiny squares called pixels.
- 2
Each pixel is assigned a specific colour, determined by the image's colour depth (number of bits per pixel).
- 3
The image file size is calculated by multiplying the number of pixels (width x height) by the colour depth.
- 4
Vector graphics, in contrast, store images as mathematical equations for shapes, lines, and curves, not pixels.
Explore the concept
Use the live diagram and synced steps — play it or tap a step card to walk through.
Key formulas
Tap any symbol to reveal exactly what it means and its units.
$File Size (in bits) = Image Width (pixels) \times Image Height (pixels) \times Colour Depth (bits)$
Tap a symbol — great for exam definitions
Full topic notes
Formal explanation with the rigour you need for the exam.
Bitmap (Raster) Graphics: Painting with Pixels
Imagine a vast grid. Each square in this grid is a pixel, and we can colour it in. This is the fundamental principle of a bitmap image. These images are composed of a fixed number of pixels, and the quality of the image is directly tied to the density of these pixels (resolution) and the variety of colours available for each one (colour depth).
Pixel: The smallest unit of a bitmap image. Think of it as a single dot of colour.
Resolution: The total number of pixels, usually expressed as width × height (e.g., 1920 × 1080). Higher resolution means more detail.
Colour Depth: The number of bits used to store the colour of each pixel. More bits mean more possible colours, leading to a more realistic image but a larger file size.
Common Colour Depths: 1-bit (monochrome), 8-bit (256 colours), 16-bit (65,536 colours), and 24-bit 'True Colour' (approx. 16.7 million colours).
Calculating Bitmap Image File Size
For your exam, you must be able to calculate the storage requirement for an uncompressed bitmap image. This calculation depends directly on the image's dimensions and its colour depth. The base unit for this calculation is bits, which can then be converted into bytes, kilobytes, megabytes, etc.
$File Size (in bits) = Image Width (pixels) \times Image Height (pixels) \times Colour Depth (bits)$
Remember the standard conversions for file storage units: 8 bits = 1 byte, 1024 bytes = 1 kilobyte (KB), 1024 KB = 1 megabyte (MB). While some contexts use 1000, for Cambridge A-Level, using powers of 2 (1024) is the standard convention unless specified otherwise.
Vector Graphics: The Power of Mathematics
Instead of storing a grid of pixels, vector graphics store a list of instructions. These instructions define objects like lines, curves, circles, and polygons, along with their attributes such as line colour, fill colour, and thickness. When you view a vector image, your computer reads these instructions and renders the image on the screen. This is why they are perfectly scalable.
Scalability: The key advantage. Can be scaled infinitely without loss of quality.
File Size: Generally smaller than bitmaps for simple images like logos, as only the mathematical definitions are stored.
Use Cases: Ideal for logos, typography, diagrams, and illustrations where crisp lines are essential.
Limitations: Not suitable for photorealistic images due to the complexity of representing continuous tones and textures with mathematical objects.
Worked examples
See the formulas applied — reveal one step at a time, like the exam.
An uncompressed bitmap image has dimensions of 1024 x 768 pixels and a colour depth of 16 bits. Calculate the file size in megabytes (MB). Show your working.
- 1
Calculate total pixels:
An image is stored with a colour depth that allows for 4096 different colours. What is the colour depth in bits?
- 1
Understand the relationship: The number of colours is determined by . We need to find the colour depth (let's call it ).
How it all connects
The big idea sits in the middle — tap a linked idea to explore the link.
Tap a linked idea to see how it connects back to the main topic — that connection is what examiners reward.
Glossary
Try to recall each definition before you reveal it.
Quick check
Answer in your head first — then tap to check. No pressure.
Revision flashcards
Flip the card. Test yourself before the exam.
What is a bitmap image?
An image stored as a grid of individual picture elements (pixels), where each pixel has a specific colour value. Also known as a raster image.
Key takeaways
Review these before you close the topic — retrieval beats re-reading.
- ✓
Pixel: The smallest unit of a bitmap image. Think of it as a single dot of colour.
- ✓
Resolution: The total number of pixels, usually expressed as width × height (e.g., 1920 × 1080). Higher resolution means more detail.
- ✓
Colour Depth: The number of bits used to store the colour of each pixel. More bits mean more possible colours, leading to a more realistic image but a larger file size.
- ✓
Common Colour Depths: 1-bit (monochrome), 8-bit (256 colours), 16-bit (65,536 colours), and 24-bit 'True Colour' (approx. 16.7 million colours).
Practice — then mark it
The whole point: a real Cambridge question, marked mark-by-mark.
Practice Graphics Questions
Practice Graphics Questions
Extra simulations & links
PhET, GeoGebra and other curated tools — open in a new tab.
Frequently asked
Checkpoint
One marked question is worth ten re-reads — close the loop before you move on.
Reading it isn’t knowing it — prove it.
Before you move on: do Practice Graphics Questions on paper, snap a photo, and get examiner-style feedback on exactly where you win and lose marks.