This information applies to Photoshop 20.0.10 and later.

Commands and menu options may differ between versions.

Before uploading these images, they optimize the images to download and display quickly in a web surfing app.

An image open in Photoshop with the Image Size menu option highlighted

bring up the image you want to save in Photoshop.

SelectImage>Image Size.

Or, for PC, pressAlt+Ctrl+I,for macOS, pressCommand+Option+Ion the keyboard.

The Image Size dialog box in Photoshop with the width window and OK button highlighted

In theWidthfield, enter a new width, selectPixels, then selectOK.

Resize the photo to a small size that can be used on a website.

SelectFile>Export>Save for Web (Legacy).

An image open in Photoshop with the Save for Web and Devices menu item highlighted

Or, use the keyboard shortcut:Alt/Option+Command+Shift+S.

In other versions of Photoshop, the path isFile>Export>Save for Web.

The item may be called Save for Web or Save for Web and Devices.

The Save for Web & Devices window in Photoshop with the 2Up option highlighted

In theSave for Webwindow, go to theOriginal,Optimized,2-Up, and4-Uptabs.

Choose2-Upto compare the original photo with the optimized photo.

This shows side-by-side copies of the image.

Save for Web & Devices window in Photoshop with the quality slider and presets highlighted

As you lower the quality, the image looks muddier, and the file size goes down.

Smaller files mean faster-loading web pages.

Find a happy medium between file size and quality.

Image type menu in Photoshop’s Save for Web window

A quality between 40 and 60 is a good range.

Use the preset quality levels (JPEG Medium, for example) to save time.

Change the size of the image, if needed.

Save for Web & Devices window in Photoshop with the Image Size and Percent areas highlighted

Enter a width or height, or scale it by a percentage.

Click thechain linkicon to change the proportion of the image.

Otherwise, enter a different width or height to change the other value in proportion.

Photoshop’s Save for Web & Devices window with the image size and type readout highlighted

These numbers update as you make changes.

When you’re satisfied with the photo, selectSave.

pop in a name for the photo, then clickSave.

Save for Web & Devices window in Photoshop with the Save button highlighted

What Makes a Graphic Web-Ready?

Most web-ready graphics share common characteristics:

Save As dialog box in Photoshop with the Save button highlighted