Saving Images

In Photoshop saving images is essential and varies depending on what you want to do. Learn all about saving images in Photoshop in this free lesson.

Using Save for Web

When you use the Save for Web feature, you'll need to make a few decisions about the image you're saving:

Drag the slider in the interactive below to adjust the jpeg compression quality. Remember, higher quality levels will also increase the file size. Try to find a setting that looks good while keeping the file size relatively small.

To save for the web:

  1. Select Fileright-arrowSave for Web.
    Screenshot of Adobe Photoshop CC
  2. The Save for Web dialog box will appear. Select the desired file type and quality level.
    Screenshot of Adobe Photoshop CC
  3. If needed, resize the image by typing the desired dimensions under Image Size. When you enter the new image width, the height should be adjusted automatically to maintain the original aspect ratio.
  4. If desired, you can use the 2-Up view to compare the original image with a preview of the new version. This is an easy way to make sure you haven't lost too much quality from the original version. Note the file size in the bottom-left corner of each preview window.

    Screenshot of Adobe Photoshop CC
  5. Click Save. A new dialog box will appear. Type the desired file name and choose a location for the file, then click Save. You'll want to use a new file name to avoid accidentally overwriting the original file.
    Screenshot of Adobe Photoshop CC

Open the example file in Photoshop and use Save for Web to save a new version of the image. Try out different file formats and quality settings to see how they affect the image's quality and file size.