Presentation on theme: "How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector."— Presentation transcript:
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector Graphics (Line art) Rasterisation Two key concepts Image resolution Colour resolution
Digital Images are represented by manipulating this…
Or rather.. 0zero And 1One (In fact this is true for everything we see in a computer system!)
1 Bit Images Use a single bit to represent each pixel (dot on the screen) 00101
Use more bits and display as a grid… The following image is 61 pixels wide by 57 pixels high.
Quick Calculation of File Size Image width 800 pixels Image height 600 pixels 1 pixel = 1 bit, so image is 800 * 600 bits which is 480000 bits or divided by 8! (8 bits in a byte) gives us 60,000 bytes
Make the grid larger and pixels smaller… Here we have increased the image resolution by using more dots per inch (dpi)
This image is 512 pixels wide by 512 high. This type of image may be referred to as a binary image since each pixel is stored as a single zero or one. This kind of picture is also called a 1 bit monochrome image since it has no colour content.
8 Bit Grey Scale Images Representing shades of grey… Now 1 pixel = 8 bits
RGB Colours (Red Green Blue) This time a single pixel is made up of 3 bytes or 24 bits.
File Size Calculations 800 x 600 24bit colour = 1,440,000 bytes 800 x 600 = 480,000 pixels 1 pixel = 3 bytes thus 1,440,000 bytes 24 x larger than our first image (24 bit colour formats – JPEG, BMP)
24 Bit Colour Files getting larger We can now represent 16 million colours The human eye can only see 10 million of them Extra colours useful for image processing and special effects Colour resolution is the number of colours a single pixel may display
8 bit Colour Images and Look up Tables PixelRedGreenBlue 1 RGB(0,0,255) 0 (1 byte) 255(1 byte) 2 RGB(0,0,255) 0 (1 byte) 255(1 byte) 3 RGB(0,0,255) 0 (1 byte) 255(1 byte) 4 RGB(0,0,255) 0 (1 byte) 255(1 byte) No of bytes = 12 Draw three blue dots
PixelLookup table entry 11 (1 byte) 2 3 4 Table EntryRedGreenBlue 1 RGB(0,0,255) 0 (1 byte) 255 (1 byte) Reducing the number of bytes in this example from 12 to 7. The GIF and PNG formats uses a look up table. Lookup Table
Rasterisation The process of converting a vector shape into a bitmap is called rasterisation. Photoshop text and shapes are drawn as vector graphics
To Conclude Image resolution = the number of pixels that make up the grid of the image per inch (dpi) Colour resolution = the maximum number of bits dedicated to a single pixel Bitmap graphics = a grid of pixels Vector graphics = calculated and drawn – only needs sufficient data to describe the image Rasterisation = converting a vector graphic to a bitmap