The Basics of How to Properly Resize Images in Photoshop
Pinterest Whatsapp

As the megapixel size of cameras get larger (the standard size seems to be 8 megapixels and larger), it means that the photos from your camera will be larger in both pixel and document dimension sizes.

These larger sizes matter when it comes to printing, emailing, or posting images on a website.

Luckily, any version of Photoshop can resize images and prepare them for various output purposes.

Megapixels Explained

Before we get into basic methods about how to resize images, let me remind those of you who are new digital photography that an 8, 12, or 15 megapixel camera does not mean that it will make better photos or that it’s a professional camera. The megapixel size of a camera impacts the maximum size of the prints that can be made.

So for example, a 12MP (4000 x 3000 megapixels) camera can print upwards to a 16″ x 20″ image at 240dpi, but that doesn’t mean it will be excellent photo quality. Check out Tiporama which includes an Image Size Calculator to convert pixel and resolution sizes into physical image width and height in inches. This digital camera photography chart is also another good resource understanding pixel sizes and corresponding print sizes.

So now let’s look at how to resize images in Photoshop. To follow along with this tutorial, you might want to launch an original photo in Photoshop that you have recently made with your camera.

Image Size

First, to get the size information about an image in Photoshop, click on Image > Image Size in the Menu Bar. The resulting dialog window will tell you all the information you need to know.

At the top, you will get Pixel Dimensions and actual file size of the image. The image file used in this tutorial came from a Canon Powershot G9, a 12MP camera. The photo was shot in the highest JPG quality mode. If it had been shot in RAW format RAW Files: Why You Should Be Using Them for Your Photos RAW Files: Why You Should Be Using Them for Your Photos Almost every article featuring advice for people just learning photography stresses one thing: shoot RAW images. Here's why that's good advice. Read More , the file resolution size would have been even larger.

Notice in the screenshot below, if you increase the resolution size of the image, it will, in turn, increase the file size. So if you’re wondering why your computer or external drive is filling up so fast, it could be attributed to the number and file sizes of the photos or song files you’re importing into your memory drive.

resize images photoshop

In the same box, you also get the actual pixel width and height of the image. So if you know a particular pixel size that you need for say website posting, you can make those changes here. For example, you might need to change the pixel size to 800 x 600 or smaller. If you want the image to fit and display in an email, you will make it even smaller in pixel size.

This dialog box also provides actual physical document size of the image. In this example, we see that the photo is about 22 x 16 inches. Resolution refers to image quality of the photo. Typically, if you’re resizing an image to post on a website, the resolution size should be between 72 and 150 dpi. If you’re printing the image, it should between 240 and 300dpi. For most normal size prints, 240 dpi is sufficient. Changing the resolution will not change the physical dimensions of the size. It will only change the pixel quality of the image.

The last important part of this box has to do with constraining the proportions and resampling the pixels of a selected image. When you change say the width of the photo, Photoshop will automatically adjust the appropriate image height. If the Constrain Proportions is not checked, the dimensions of your image might become skewed.

Resizing the Image

To resize images in Photoshop, you first want to make a duplicate of the original photo so that you can always re-use its original size if need be. You can do this quickly by selecting Image > Duplicate in the menu bar. If you don’t duplicate, you can select File > Save As to save a copy of the resized image.

With the Image Size box opened, you can change either the pixel size or document size of the image by simply changing the numbers to the size you need. Be sure to keep the Resample Image and Constrain Proportion boxes checked.

resize images in Photoshop

However, notice that if you need a specific dimension size, such as 8″ x 10″, using the original dimensions might not work proportionally for printing. Since most consumer cameras are not full frame, you might lose some portions of your image when it is printed.

In the screenshot above, you’ll notice that if I want to change the document size to 10″ x 8″, Photoshop changes the size to 10″ x 7.5″ in order to keep the width and height proportional. If the image is printed full bleed at 10″ x 7.5″ on 8″ x 10″ paper, one side of the image will have 0.5 inches of white space on it. That wouldn’t look very good.

Crop for Size

So the best way to resize images for printing is to crop it to the size you need. To do this, simply close out of the Image Size box without clicking OK, and then select the Crop tool in Photoshop. Below the menu bar of Photoshop, you will see the width and height fields where you can type in the exact dimensions you want. Be sure to put “inches” or “in” after each number. You can also add the Resolution size.

photoshop image resizing

Now, just click on the image, hold down the mouse button and drag your cursor to the maximum width and height of the crop you set. After your release the button, you can see what part of the image needs to be cropped in order to get the size you want. You can click on the image again and move the crop to change which side/part of the image you want to crop out. After your crop is set, click the Return key and Photoshop will make the crop.

The Basics of How to Properly Resize Images in Photoshop resizing6

Resize Images for the Web

You no doubt know that it’s nearly impossible to post or email large image files How to Transfer or Send Files Without Uploading to the Cloud or a File Host How to Transfer or Send Files Without Uploading to the Cloud or a File Host Sending files to someone else (or to another one of your devices) usually requires uploading to a file host, which can be slow and painful. Here's a method that lets you transfer directly. Read More , such as a 32MB or 2400 x 1800 pixel image. It needs to be resized so that it can be downloaded off a web page faster or emailed and opened easily by the recipient.In order to do this, you will want to open the

In order to do this, you will want to open the Image Size box as described above and change the resolution to 72 or 150dpi. Also change the pixel dimensions of the image to the size you want, say 800 x 600 pixels.

Next, click File > Save for the Web, and a dialog box will open. There are three basic parts of this box that you will want to be familiar with.


At the bottom left, you will see the current pixel size of the image. You will also see the approximate amount of time it might take for the image to download, on say a slow server. Typically you want the pixel size for web posting to be under 120KB so the image will load pretty fast on a web page.

If you need to change the pixel size of the image, you can click on the Image Size panel and change the numbers there. Experiment with changing the numbers and notice how it changes the pixel size and download speed. Also, make sure the Constrain Proportions box is checked.

If the image quality is not as good as you want, you can change the resolution quality from low to medium, or to high, under the Preset area of the box. You can also click directly on the Quality field and move the resulting slider left or right to increase and decrease the optimized size of the image. Just keep checking the quality of the image itself and the resulting pixel size and speed.

(Note: we’re focusing on the basics for resizing JPEG images; there are other presets in the box for PNG and GIF images.)

The Basics of How to Properly Resize Images in Photoshop resizing8

When everything is set, simply click Save, and Photoshop will resize the image based on your settings and save a copy of the image. The original image will not be saved.

There are also online options Resizr - Quick way to Resize Images Online Resizr - Quick way to Resize Images Online Read More for resizing photos, but if you’re working in Photoshop, these basic methods should save some time. And if you find yourself resizing images for the web or for print, you might consider creating a Photoshop action How to Automate What You Do in Photoshop with Actions How to Automate What You Do in Photoshop with Actions Read More or two to speed up the process.

Did it Work For You?

In this article, we’ve shown you have to use Photoshop to change the dimensions of an image to suit your needs.

Did you find the tutorial easy to follow? Hopefully, you now have a perfectly resized image ready to print, upload, or share with your friends and family.

If you encountered any difficulties, let us know in the comments below and we might be able to help you. And, of course, reach out if you’ve got any other Photoshop tips you can share with your fellow readers.

Image Credit: Botond1977 via

Explore more about: Adobe Photoshop, Image Editor.

Enjoyed this article? Stay informed by joining our newsletter!

Enter your Email

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Jane
    November 9, 2017 at 2:46 pm

    But when I save it to the PC the file changes to a really small one. I don’t want that so how do I keep it the size I set in Photoshop?

  2. Koren Schmedith
    May 23, 2017 at 6:13 am

    Size really matters. Sometime the pixels of the photos breaks while zooming in. Resize is really a solution for this problem. And this post is very informative for resize thing.

  3. Cathy
    April 2, 2017 at 5:21 pm

    Thank you for this help. I can resize a picture now comfortably. The next step will be uploading it to a website!!!

  4. Cara
    March 4, 2017 at 5:13 pm

    Save for Web in PhotoShop 2017 is under File > Export > Save for Web.

  5. adee
    April 1, 2016 at 6:36 am

    Fantastic! Many ,many thanks!! You helped my poor brain from going crazy at 2:00am !! Grateful for the help!

  6. Bakari Chavanu
    February 26, 2010 at 10:30 pm

    Thanks for the feedback, ash. Let me know how it works for you.

  7. ash21
    February 26, 2010 at 9:35 pm

    Great tutorial. I love the save for web and devices dialog. With all the settings provided there, optimizing images is a breeze!