A Short Course Book
Sensors, Pixels and Image Sizes

Pixels and Screen Display

 
 
At 800 x 600 (top), Photoshop and the image being edited fills the screen. When the screen resolution is increased to 1024 x 786 (middle), the image is smaller and at 1280 x 1024 (bottom) even smaller.
When a digital image is displayed on the computer screen, its size is determined by three factors—the screen's resolution setting, the screen's size, and the number of pixels in the image.

The Screen's Resolution

The size of each pixel on the screen is determined by the screen's resolution setting. The resolution is almost always given as a pair of numbers that indicate the screen setting's width and height in pixels. For example, a monitor may be specified as being a low-resolution 640 x 480, a medium resolution of 800 x 600, or a high-resolution of 1024 x 768 or more. (The first number in the pair is the number of pixels across the screen. The second number is the number of rows of pixels down the screen).

This is a 1680 x 1050 display. That means there are 1680 pixels on each row and there are 1050 rows of pixels.

Screen Resolution and Image Size

On any given monitor, changing screen resolution changes the number and size of pixels used to display objects such as icons, text, buttons, and images. As shown in the margin illustrations, as the resolution increases, pixels and object sizes decrease making the objects appear sharper.

One way to think about the size of each pixel is in terms of how many pixels are displayed per inch on the screen—pixels per inch (ppi). The larger the pixels, the fewer fit per inch. As you can see from the table on the facing page, the actual number of pixels per inch (the numbers in italics) depends on both the resolution setting and the size of the monitor. (Advertised screen sizes are based on a diagonal measurement. The sizes we're referring to here are horizontal measurements across the screen so they don't relate exactly to advertised screen sizes).

If a 14" monitor and a 21" monitor are both set to 800 x 600 pixels, the pixels per inch are different. On the larger screen the same 800 pixels are spread along a longer row so the pixels per inch decreases. One number you will often see quoted is 72 ppi. This is supposed to be a magic number in digital imaging. Its origins are said to go back to early Apple computer monitors that had that setting. However, it no longer has any meaning except as an approximate average for all monitors. It may as well be 62 or 82. As you can see from the table below, images can be displayed at a variety of ppi—it all depends on the monitor, not the image. The table shows a range of ppi from 30 to 91 but more expensive displays may have even more pixels per inch. It's best to forget the 72 ppi number and think of screen resolutions when sizing images for display on the screen. If their width and height in pixels is less than the screen's resolution, they will be fully displayed. If they are larger, the viewer can only see part of the image at a time and will have to scroll around it—somewhat like reading a newspaper with a magnifying glass. For this reason, most images to be sent by e-mail or posted on a Web site are sized to the lowest possible common denominator—no larger than 600-800 pixels wide or 400–600 pixels high.
 
Monitor's Horizontal Width
Resolution

640 x 480

800 x 600

1024 x 768

1280 x 800

14"

46

57

73

91

15"

43

53

68

85


17"

38

47

60

75


19"

34

42

54

67


21"

30

38

49

61


 
The numbers in italics in this table are the pixels per inch for each combination of monitor screen width and resolution setting.

When considering screen displays, one thing to think about is the aspect ratio.
 
QVGA

EGA

VGA

SVGA

XGA

SXGA

WXGA
320 x 200

640 x 350

640 x 480

800 x 600

1024 x 768

1280 x 1024

1366 x 768
SXGA+

UXGA

WSXGA+

WUXGA

QXGA

QSXGA
1400 x 1050

1600 x 1200

1680 x 1050

1920 x 1200

2048 x 1536

2560 x 2048
 
Computer screens and those found on other electronic devices generally have a standard resolution. It's this resolution that determines how many pixels are used to display an image. Here are the names and sizes of resolutions offered on standard screens. Most monitors will support more than one resolution. Here are the names and sizes of resolutions offered on standard screens.
 
To see what resolution your Windows system is set to:
. On an XP system, right-click the desktop, click Properties, then click the Settings tab on the dialog box.
. On a Vista PC right-click the desktop, select Personalize, then click Display Settings.

Home  |  Shortcourses™ Bookstore  |  Curtin's Guide to Digital Cameras and Other Photographic Equipment  |  Using Your Digital Camera  |  Displaying & Sharing Your Digital Photos  |  Digital Photography Workflow  |  Image Sensors, Pixels and Image Sizes   |  Digital Desktop Lighting   |  
Hot Topics/ About Us


Site designed by Steve Webster and created by i-Bizware solutions, freelance web development, Anil Dada Warbhe, Website development iBizware Solutions, India.iBizware Solutions, India.