IMAGE SIZE AND RESOLUTION

Once you scan an image, it becomes digitized—made up of hundreds of thousands of pixels. Pixels are nothing more than very tiny colored squares (there are 72 pixels in an inch) that you can see if you increase the magnification of any image to its maximum:

RESOLUTION is the number of pixels in a linear inch—pixels per inch (or PPI), but it is most commonly referred to as dots per inch (DPI). The more pixels, or “dots,” per inch, the higher your image resolution will be.

With color images, each pixel can be one of 16 million different colors (with a good scanner). For black and white images, there are 256 gradations of gray pixels ranging from black to white: 0 (black) through 255 (white). More pixels means higher resolution, which creates better image quality because you end up with more realistic representations of color, better gradations of both individual colors and gray tones, and crisper images in general.

The most important thing to understand about resolution is the relationship between an image’s resolution (DPI) and an image’s PRINT SIZE (actual width and height).

OPEN an image. Go to the IMAGE MENU and select IMAGE SIZE. This is where you can change an image’s resolution and print size (width and height). The following IMAGE SIZE DIALOG BOX will appear:

Note that the width and the height of the image as you view it on your monitor is not necessarily representative of the image’s actual width and height—the size it would print out at (PRINT SIZE). Average monitor resolution is 72 dpi. If you view a 72 dpi image at 100% in Photoshop, chances are that it will appear on your screen in its actual print size. However, this is not true when viewing a 300 dpi image. A 300 dpi image viewed on-screen at 100% will be enormous. Don’t get tricked into believing that what you see on your monitor is what you’ll get when you print or place the image into another application. The best way to determine what your image’s actual print size will be is through the Image Size dialog box.

When the RESAMPLE IMAGE BOX is checked, any changes you make to an image’s width or height will not change the image’s resolution, and as such, any changes you make to an image’s resolution will not affect the image’s width and height. Keep in mind, however, when you increase width and height, or resolution, with the RESAMPLE IMAGE box checked, you are adding pixels to your image. These pixels don’t actually exist so Photoshop must create them. As such, you will succeed only in degrading the quality of your image.

If you want to increase an image’s width and height, or resolution, then uncheck the RESAMPLE IMAGE box. Now any changes you make to the image’s width and height will change the image’s resolution, and vice versa:

  • If you decrease resolution, the width and height will increase.
  • If you increase resolution, the width and height will decrease.
  • If you increase the width or height, the resolution will decrease.
  • If you decrease the width or height, the resolution will increase.

The best way to increase the width and height of a scanned image is to scan the image in at a high resolution (about twice what your final resolution should be), and with the RESAMPLE IMAGE box unchecked, decrease the resolution. Once the image width and height is where you want it, you can then check the RESAMPLE IMAGE box and type in the resolution you want if the resolution is too high. At this point, as long as you don’t increase resolution, or width and height, your image quality will not suffer.

For a PDF of this tutorial, click here.