Bitmapped Graphics

The purpose of this assignment was to learn about low-level bitmapped graphics.

The description and my solution of the Bitmapped Graphics -assignment can be viewed at the bottom of this page.

What is Bitmapped Graphics?

A bitmapped image is a graphic image in which screen dots(pixels) are arranged in a grid format.

The graphics is defined by specifying the colors of the pixels which form the image.

Common types of bitmap graphics are GIF, JPEG and TIFF. Bitmapped graphics is also called a "raster" graphics.

How does it work?

A bitmap graphics image, digital image, or raster, is a file or structure representing a rectangular(generally) grid of pixels, or dots of color, on a monitor, a paper, or any other display device.

The color of each pixel is individually set; images in the RGB(Red, Green, Blue) color space, for example, often has colored pixels defined by three bytes(8*3=24 bits) one byte for red, one for green, and one for blue. The number of bits dedicated to descibing a color would be then be 8. That is, the bit depth is 8(1 byte).

Not so colorful images need less information per pixel. An image with only black and white pixels requires only a one bit for each pixel. It's either totally black or totally white. The number of bits used for describing one color would then be 1. Hence the bit depth would be 1.

Bitmapped graphics are different from vector based graphics in that vector based graphics represent an image by the use of geometric figures/objects such as polygons and curves, while bitmapped graphics use bits.

Assignment Description

Create a HTML document to demonstrate the gif, jpeg and png formats of bitmapped graphics. The images should have different bit depth, size, file size and transparency.

My solution, Assignment Files

«  Previous Next  »