Export Photos for the Web in Photoshop

Posted by


You can export a copy of your photo for viewing on the web. When you export a photo for the web, you can resize it at the same time. You may need to resize your photos to share on social media sites or to display on device screens..

  • Most social media sites provide guidelines for image dimensions for different visual elements: headers, profile pictures, posts or stories. Before you export an image for the web, you may want to crop the image to fit social media requirements as well. 
  • You may also want to resize a photo to display well on your computer monitor, tablet, mobile phone or TV. 

Photos from your camera most likely have very large pixel dimensions and file sizes. In Photoshop, you can downsize the image and still retain high quality. 

When resizing an image for the web, Photoshop resamples the image. In resampling, Photoshop removes or adds pixels to fit your new image dimensions. 

View Photo Dimensions

To quickly view the pixel dimensions of your photo:

  1. Open the photo in Photoshop.
  2. In the status bar at the bottom of the screen, you may see the document dimensions in pixels. If not, click and hold on the Document Info area to display the document dimensions. 

Resize and Export the Photo

To export a photo:

  1. From the File menu, select Exportthen select Export As.  
  2. At the left of the Export As dialog box, you can see the current document size and dimensions. The photo appears in a preview window. 
  3. In the File Settings section, select the following:
    • Format: JPG
    • Quality: 80%
  4. In the Image Size section, do the following:
    • Enter a new Width, Height or Scale. The values for the two other fields will change because the photo will scale proportionately.  
    • For Resample, select Bicubic Automatic to let Photoshop decide the best sampling method or select another method of resampling from the drop-down list. For downsizing images, Bicubic Sharper works well, too, 
  5. Ignore the Canvas Size section.
  6. In the Metadata section, select which metadata you want to include in the file.
  7. In the Color Space section, select Convert to sRGB.
  8. Click Export. The Export dialog box is displayed where you can name and save the file. 
Print Friendly, PDF & Email

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.