Difference between revisions of "Bitmap Graphics"

From TRCCompSci - AQA Computer Science
Jump to: navigation, search
(Added File Size section. Fixed some American spellings.)
m (Colour Depth: Changed images.)
Line 12: Line 12:
 
Colour depth is either the number of bits used to indicate the colour of a single pixel, in a bitmap image, or the number of bits used for each colour component of a single pixel. This means the number of bits needed to code an image. For example an image will only need 2 bit colour depth for black and white, such as the following image...  
 
Colour depth is either the number of bits used to indicate the colour of a single pixel, in a bitmap image, or the number of bits used for each colour component of a single pixel. This means the number of bits needed to code an image. For example an image will only need 2 bit colour depth for black and white, such as the following image...  
  
[[File:Challenge-Accepted-Meme.jpg]]  
+
[[File:Black-White.jpg|500px]]  
  
 
although if an image has 24 bit colour depth, it can code up to 16777216 colours, such as the following image...
 
although if an image has 24 bit colour depth, it can code up to 16777216 colours, such as the following image...
  
[[File:Images.jpg]]
+
[[File:Colour.jpg|500px]]
  
 
== Resolution ==
 
== Resolution ==

Revision as of 23:43, 15 December 2016

Definitions

Name Definition
Bitmap image Bitmap images are stored as a series of pixels.
Pixel A pixel is a single point in a graphic image with an assigned colour. Many of them on a screen are assigned a colour in a specific place to recreate a bitmap image.

Colour Depth

Colour depth is either the number of bits used to indicate the colour of a single pixel, in a bitmap image, or the number of bits used for each colour component of a single pixel. This means the number of bits needed to code an image. For example an image will only need 2 bit colour depth for black and white, such as the following image...

Black-White.jpg

although if an image has 24 bit colour depth, it can code up to 16777216 colours, such as the following image...

Colour.jpg

Resolution

Resolution is determined by the height and width of an image file, for example:

Awaiting Image

This square has a total of 10000 pixels because it is 100 pixels high and 100 wide. You multiply the height by the width

Awaiting Image

The image above is the same image but with twice the magnification of the first. You should start to see pixels of the image appear.

File Size

File Size of a bitmap file links nicely to this all as it is essentially the Colour Depth multiplied by the Resolution. This is because for every pixel there needs to be a colour assigned to it. Hence, an image, 100 pixels high, 500 pixels wide, with a colour depth of 24, bits would have the size of (100*500*24=) 1,200,000 bits or (100*500*25/8=) 150,000 bytes if it would be a bitmap image.