Windows Tutorials - Herong's Tutorial Examples
Dr. Herong Yang, Version 5.00

Dots, Pixels, Colors and Resolution

This section provides quick introductions of some basic graphics concepts: dot, pixel, color, and resolution.

A computer graphics is organized as a matrix of rows and columns of dots. Each dot carries a color value. The resolution of a graphics is measured by 3 parameters:

1. Horizontal resolution: The number dots within an inch in the horizontal direction.

2. Vertical resolution: The number dots within an inch in the vertical direction.

3. Color resolution: The number of colors supported on a dot.

For example, if a graphics of 5 inches by 3 inches is stored in computer with a resolution of 72 DPI (Dots Per Inch) in both directions and 256 colors per dot, it will be stored with a matrix 3 x 72 = 216 rows and 5 x 72 = 360 columns of dots. A color value in the range of 0 and 255 is used on each dot.

A dot is also called pixel, a short name for pic-ture el-ement.

The size of a computer graphics can be easily calculated by the its pixel size and number of colors, if it is stored without any compression. For example, the file size of a graphics of 360x216 pixels and 256 colors will be 360 x 216 x 8 bits = 77,760 bytes.

Sections in This Chapter

Introduction to "Paint" - The Simplest Graphics Tool

Dots, Pixels, Colors and Resolution

Reduging the Size of a Picture File

Converting File Format from GIF to JPG/JPEG

Dr. Herong Yang, updated in 2008
Dots, Pixels, Colors and Resolution