Skip to Main Content

All About Images

Focuses on many common image questions in regards to image resolutions, resizing images, file types, vector and raster images, scanning, saving and more.

PPI and DPI

What are PPI & DPI?

These two acronyms are often used interchangeably although they do have different meanings.

  • PPI (Pixels Per Inch) refers display resolution, or, how many individual pixels are displayed in one inch of a digital image.
  • DPI (Dots Per Inch) refers to printer resolution, or, the number of dots of ink on a printed image.

This guide will use only PPI (Pixels Per Inch) to describe resolution. 

Adobe.com Guides

Enlarging Images with Photoshop

How to Enlarge an Image Using Photoshop

Image editing programs like Adobe Photoshop are ideal when resizing images. Enlargements can be done in Photoshop, however it is recommended to keep enlargements minimal since quality can be easily lost. For example, enlargements would be made for situations such as one needing a document to print with a larger document size or need the image to have a higher resolution (while retaining document size).

 

1. With Photoshop open, go to File > Open and select an image

You may right-click and save the tiger image below to use it as a practice image.

Note: When enlarging images, it is recommended to clean up dust and scratches or any noise before enlarging because these items may be magnified in your enlarged image.

 


 

2. Go to Image > Image Size

 

3. An Image Size dialog box will appear like the one pictured below.

 

4. Enter new pixel dimensions, document size, or resolution.

The original image was 10" x 6.667". Lets say we wanted to enlarge this image to a 12" x 8" so that it can easily be printed and framed. We want to keep the 300 resolution, so all we need to do is type in new pixel or document dimensions. In this example, we increased the document width from 10" to 12" and the height from 6.667" to 8". 


 

 

5. Select Resampling Method

Before hitting OK, we will want to select our resampling method. What does this mean? Basically, Photoshop will have to create new pixel information in order to enlarge the image. By selecting bicubic smaller, we are telling Photoshop to interpolate (or create new pixel information) that will produce the best results when enlarging images.

Bicubic (best for smooth gradients) - Very precise method that calculates the averages of surrounding pixels.
Bicubic Smoother (best for enlargements) -  Based off of Bicubic sampling and works best when enlarging images that have high image noise. Images will look smoother or more soft with this method.

 


6. Click OK to accept the changes.

Congratulations! You have now successfully changed the size of your image!

In this example, we enlarged our image by increasing the document size from 10" x 6.667" to 12" x 8" Also note that the pixel dimensions changed from 3000 x 2000 to 3600 x 24000. Finally, notice that our image size started as 17.2M (megabyte) and increased to 24.7M with the enlargement. 

  

 

 

 

Reducing Images with Photoshop

How to Reduce the Size of an Image Using Photoshop

The process of reducing the size of an image in Photoshop is only slightly different than when enlarging. One may need to reduce the size of an image because the resolution is too high for web, the file size is too large to e-mail, or only a small image is required for a printed piece. 

 

1. With Photoshop open, go to File > Open and select an image

 

2. Go to Image > Image Size

 

3. An Image Size dialog box will appear like the one pictured below.

 


 

4. Enter new pixel dimensions, document size, or resolution.

The original image is at 300ppi. Let's say that we want to put this image on our website, so we want it to be only 600 x 400 pixels and with a resolution of 72ppi. First, we can change the resolution by typing in 72 and then, we can change the pixel dimensions by entering 600 x 400 as the width and height.


 

5. Select Resampling Method

Before hitting OK, we will want to select our resampling method. What does this mean? Basically, Photoshop will discard any unused pixels in order to reduce the image. By selecting a Resampling Method, we are telling Photoshop to alter pixel information in a way that will produce the best results when reducing image sizes.

Bicubic (best for smooth gradients) - Very precise method that calculates the averages of surrounding pixels.
Bicubic Sharper (best for reduction) -  Based off of Bicubic sampling and works best when reducing images while keeping detail sharper. If image appears too sharp, Bicubic is recommended.

 


6. Click OK to accept the changes.

Congratulations! You have now successfully changed the size of your image!

In this example, we reduced our image size by changing the resolution from 300 to 72ppi and changing the pixel dimensions from 3000 x 2000 to 600 x 400px. Notice that when we reduced the image size, our file size was also reduced from 17.2M (megabytes) to only 703.1K (kilobytes)! 

   

 

 

Screen/Web Resolution

Images for Web

Web images work differently than printed images. With printed images, we must pay close attention to resolution to ensure we get a high-quality print.

For web images, we must focus on the pixel dimensions. Look at the two images below - one is 300ppi and the other is 72ppi.

Pixel Dimensions 300 x 200; resolution 300ppi
(Pixel Dimensions 300 x 200; Resolution 300ppi)

 

Pixel Dimensions 300 x 200; resolution 72ppi
(Pixel Dimensions 300 x 200; Resolution 72ppi)

Both of these images display at the exact same size even though their resolution varies. This is because the pixel dimensions are what really matter when working with web images. Notice that the pixel dimensions of each image are the same and therefore both images will display at the same size even though they have differing resolutions.