advertisement
Premier Club Log In/Registration
  Include Code  Search Tips
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   SKILLBUILDING  |   TIP BANK  |   SOURCEBANK  |   FORUMS  |   NEWSLETTERS
Browse DevX
Partners & Affiliates
advertisement
advertisement
advertisement
Average Rating: 3.6/5 | Rate this item | 16 users have rated this item.
Reference Guide: Graphics Technical Options and Decisions (cont'd)
Image Resolution
Images are displayed on a computer monitor as tiny dots, or pixels. The number of pixels per inch is the image resolution.

Each pixel is a single color, but since pixels are very small, an image such as this photograph appears to have smooth gradients of color:

glacier.jpg 8K pixels
advertisement

The density of pixels per inch (ppi) is called image resolution. Although there is variation between monitors, the rule of thumb is that screen resolution is 72 ppi. This means that all images used for the Web should have an image resolution of 72 ppi.

Why not use higher resolution? More pixels per inch means a higher quality image, right? Well, only if your are displaying your images on something that can show all those extra pixels. On the Web, your reader's monitor is the limiting factor. You could send more pixels to display, but they'd just be ignored. Higher resolutions are simply bandwidth wasters, needlessly inflating file size with no visual advantage whatsoever.

However, it's different if you intend to print the image, rather than display it on a Web page. Printers typically produce from 300 to 600 dots per inch, or dpi. (Dots and pixels are the same concept, different terms.)

By the way, don't confuse the terms image resolution and color resolution. Color resolution, also know as bit depth, refers to the number of possible colors in a digital image file.

Previous Page: Vector-based Images Next Page: Bit Depth, Color Depth
Page 1: IntroductionPage 7: Bit Depth, Color Depth
Page 2: GIF FormatPage 8: Indexed Images, Palettes, and Dithering
Page 3: JPEG and PNG FormatPage 9: Anti-aliasing
Page 4: Bitmapped vs. Vector-based and Bitmapped ImagesPage 10: Compression and Lossy Compression
Page 5: Vector-based ImagesPage 11: Lossless Compression
Page 6: Image ResolutionPage 12: Thumbnails
Please rate this item (5=best)
 1  2  3  4  5
advertisement
Advertising Info  |   Member Services  |   Permissions  |   Help  |   Site Map  |   Network Map  |   About


The Network for Technology Professionals

Search:

About Internet.com

Legal Notices, Licensing, Permissions, Privacy Policy.
Advertise | Newsletters | E-mail Offers