How to Reduce the Size of a JPEG File in Photoshop CS5

Managing file sizes when it comes to images is important if your work is going online. Google values site speed when it ranks Web pages, and large images are a big contributing factor for that speed. Therefore you may be wondering how to reduce file size in Adobe Photoshop CS5.

The ability to add layers and make high resolution images in Adobe Photoshop CS5 is great when you are designing images. If that image is then going to be printed, then you probably will not need to worry about the file size of the design that you are creating.

However, if you need to email your design to someone, or if you need to post it on a website, then the file size of a JPEG image that you create must be taken into consideration. There are some basic preparations that you can make if you want to reduce the size of a JPEG file in Photoshop CS5, but there is one particular utility that will allow you to compress your image as much as possible for online posting.

How to Reduce File Size in Adobe Photoshop CS5

  1. Click File.
  2. Choose Save for Web & Devices.
  3. Select the File type.
  4. Adjust the quality.
  5. Click Save.

Our article continues below with additional information on reducing the size in Adobe Photoshop. This includes information on making the actual image dimensions smaller, as well as more information on using the “Save for Web & Devices” feature.

How to Make a JPEG File Smaller with Photoshop CS5 (Guide with Pictures)

When you determine that reducing the file size of yoru JPEG is the solution for your situation, then there are a couple of factors that you must realize. There are two main image properties that are making your file size greater – the dimensions of the image, and the resolution of the image. If you want to decrease the file size, you have to decrease these elements. You can either do this manually, or you can use a specific Photoshop utility to do it in a slightly more automated way.

Begin the process of reducing the size of a JPEG in Photoshop CS5 manually by opening the image in Photoshop. Before changing the dimensions and resolution of your image, it is best to know the dimensions that are best suited for your needs. If you do not know what size image your website requires, contact the designer or developer of the site for their preferred image specifications.

Step 1: Click Image at the top of the window, then click Image Size.

change the image size in photoshop cs5

Step 2: Confirm that the box to the left of Constrain Proportions is checked at the bottom of the window.

This will ensure that any modifications you make to the height or width of your image will be made to the other dimension as well, thereby keeping the image at scale. You can also adjust the resolution of your image on this window, as well. When you have finished making changes to these settings, click the OK button.

how to reduce the file size of a jpeg in photoshop

Step 3: Click File at the top of the window, then click Save As.

Step 4: Type a name for your file into the File name field, then click the drop-down menu to the right of Format and choose the JPEG option. Click Save when you are done.

Step 5: Click the slider at the center of the window to choose a different quality for the image.

As you move the slider, you will notice that the file size number at the right side of the window will adjust accordingly. Click the OK button when you have selected the preferred image quality.

adjust the quality of your photoshop jpeg

How to Use Save for Web & Devices in Photoshop CS5 (Guide with Pictures)

You can also use the Save for Web & Devices option on the File menu once you have specified the dimensions and resolution for your image.

photoshop save for web and devices

Click the drop-down menu at the top-right corner of the window, then choose the JPEG option. The file size with the current settings is displayed at the bottom-left corner of the window. If you want to reduce this file size more, click the drop-down menu at the top-right of the window to the right of Quality, then drag the slider until you find a number that gives you the preferred file size. Click the Save button to save the image with your chosen settings.

make changes on the save for web and devices menu

If you have been working on your design in Photoshop, then you have probably added some layers or elements to the image that prevent you from natively being able to save the file in the JPEG format. If this is the case, be sure to use the Save command on the File menu to save your original file, as the JPEG you just created produces a different copy of the image.

In newer versions of Adobe Photoshop you may not be able to find the “Save for Web & Devices” option. However, you can still use the keyboard shortcut of Ctrl + Alt + Shift + S to open the Save for Web option. Alternatively you can find it at File > Export.

Additional Sources

solveyourtech.com newsletter

Disclaimer: Most of the pages on the internet include affiliate links, including some on this site.