SCREEN RESOLUTION
Screen Design Link Multimedia Usability Navigation Accessibility
[Home] [Contact] [Site map]
Design Principles 1
Design Principles 2
Grid Design
Interface Design
Color Theory
Typography
Monitor & Graphic Resolutions

Flash Interactive Tutorial (Source: Andrew Mundi Design)

MISC LINKS
Site References
 

 

UNDERSTANDING RESOLUTIONS

The following information is from the web site -- http://www.webopedia.com

Resolution refers to the sharpness and clarity of an image. The term is most often used to describe monitors, printers, and bit-mapped graphic images. In the case of dot-matrix and laser printers, the resolution indicates the number of dots per inch. For example, a 300-dpi (dots per inch) printer is one that is capable of printing 300 distinct dots in a line 1 inch long. This means it can print 90,000 dots per square inch.
For graphics monitors, the screen resolution signifies the number of dots (pixels) on the distinct dots on each of 480 lines, or about 300,000 pixels. This translates into different dpi measurements depending on the size of the screen. For example, a 15-inch VGA monitor (640x480) displays about 50 dots per inch.
Printers, monitors, scanners, and other I/O devices are often classified as high resolution, medium resolution, or low resolution. The actual resolution ranges for each of these grades is constantly shifting as the technology improves.

Pixel is short for Picture Element, a pixel is a single point in a graphic image. Graphics monitors display pictures by dividing the display screen into thousands (or millions) of pixels, arranged in rows and columns. The pixels are so close together that they appear connected.
The number of bits used to represent each pixel determines how many colors or shades of gray can be displayed. For example, in 8-bit color mode, the color monitor uses 8 bits for each pixel, making it possible to display 2 to the 8th power (256) different colors or shades of gray.
On color monitors, each pixel is actually composed of three dots -- a red, a blue, and a green one. Ideally, the three dots should all converge at the same point, but all monitors have some convergence error that can make color pixels appear fuzzy.
The quality of a display system largely depends on its resolution, how many pixels it can display, and how many bits are used to represent each pixel. VGA systems display 640 by 480, or about 300,000 pixels. In contrast, SVGA systems display 1,024 by 768, or nearly 800,000 pixels. True Color systems use 24 bits per pixel, allowing them to display more than 16 million different colors.

SVGA is short for Super VGA, a set of graphics standards designed to offer greater resolution than VGA. There are several varieties of SVGA, each providing a different resolution:

800 by 600 pixels
1024 by 768 pixels
1280 by 1024 pixels
1600 by 1200 pixels

All SVGA standards support a palette of 16 million colors, but the number of colors that can be displayed simultaneously is limited by the amount of video memory installed in a system. One SVGA system might display only 256 simultaneous colors while another displays the entire palette of 16 million colors. The SVGA standards are developed by a consortium of monitor and graphics manufacturers called VESA.

More on Resolutions References with Current Digital Standards - http://en.wikipedia.org/wiki/Display_resolution

Images on the Screen - http://www.webstyleguide.com/wsg3/11-graphics/7-images-on-the-screen.html


Last updated: June 18, 2010