top of page

4.6: Graphical Representation

Exam Board:

Eduqas / WJEC

Specification:

2020 + 

There are two main types of graphics used in computer systems: raster (also known as bitmap) and vector graphics.

Raster (Bitmap) Graphics

Vector Graphics

Raster graphics are made up of a grid of pixels.

face.PNG

Vector graphics use objects (lines and curves) to mathematically form shapes.

blurred line.png

If scaled to a larger size, a vector graphic does not lose any image quality.

If scaled to a larger size, a raster graphic loses image quality.

Raster graphics are generally larger in file size because data is stored for each pixel.

Vector graphics are generally smaller in file size.

Examples of raster images include photographs and screenshots.

Examples of vector graphics include logos and cartoons.

How to Calculate File Size

File Size = Resolution x Colour Depth

The resolution of an image is the width in pixels multiplied by the height in pixels.

x

The colour depth (also known as bit depth) is the number of bits that are used to represent each pixel's colour.

 

1 bit represents 2 colours (0 or 1 / black or white). 2 bits will allow for 4 colours, 3 bits for 8 colours, 4 for 16 etc. A colour depth of 1 byte (8 bits) allows for 256 different colours

​

Remember you must multiply the colour depth, not the number of available colours (e.g. 8 not 256).

​

The RGB (Red, Green, Blue) colour model uses 3 bytes (a byte of 256 red shades, a byte of 256 green shades and a byte of 256 blue shades) that together can represent 16.7 million different colours.

Example

Height =

6 bits

face2.PNG

​

Resolution = height x width

Resolution =     8     x     6      = 48 bits

--------------------------

Colour Depth = 1 bit (only 2 colours)

--------------------------

File Size = Resolution x Colour Depth

File Size =        48       x           1          = 48 bits

​

File Size in bytes = 48 ÷ 8 = 6 bytes

File Size in kilobytes = 6 ÷ 1000 = 0.006 kilobytes

Width = 8 bits

Look carefully at the exam question to see if the examiner is expecting the answer in bits, bytes or kilobytes.

​

Always calculate the file size in bits first then:

  • Divide the file size in bits by 8 to convert to bytes.

  • Divide the file size in bytes by 1000 to convert to kilobytes.

Metadata for Graphics

Metadata is additional data about a file. Common image metadata includes:

​

  • Dimensions

  • Colour depth

  • Make

  • Model

  • Orientation

  • Exposure time

 

Metadata is important, For example, the dimensions must be known so the image can be displayed correctly.

Metadata for a smartphone-taken picture:

Green Eyed Cat

width in pixels, e.g. 720

height in pixels,
e.g. 480

Monochrome on Transparent.png

Questo's Questions

4.6 - Graphical Representation:

 

1. Describe three differences between raster (bitmap) and vector images. [6]

​

2. How many colours can be represented with a colour depth of...

  • a. 1 bit [1]

  • b. 5 bits [1]

  • c. 1 byte [1]     

​

3. How is the file size of an image calculated? [2]

​

4a. An image file has a width of 10 pixels, a height of 8 pixels and a colour depth of 2. What is the file size in bytes? [3]

​

4b. An image file has a width of 120 pixels, a height of 120 pixels and a colour depth of 1. What is the file size in kilobytes? [3]

​

4c. An image file has a width of 32 pixels, a height of 21 pixels and a colour depth of 1. What is the file size in bytes? [3]

​

5. State what is meant by metadata and give three examples of metadata for a graphics file. [3]

bottom of page