Save Photos for the Web in Photoshop Elements
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.
- You may also want to resize a photo to display well on your computer monitor, tablet, mobile phone or TV.
- Before resizing a photo, you may need to crop it to specific dimensions or aspect ratios for online sites or display. We’ll cover cropping in another lesson.
Photos from your camera most likely have very large pixel dimensions and file sizes. In Photoshop Elements, you can downsize the image and still retain high quality.
View Pixel Dimensions
To quickly view the pixel dimensions of your photo:
- Open the photo in Photoshop Elements.
- 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.
Save Photos for the Web
From the File menu, select Save for Web. The Save for Web dialog box is displayed. You must save the photo as a JPG or PNG for web display.
In the dialog box, the original photo and file size is displayed in the left window and the modified photo and file information is displayed in the right window.
- In the Preset drop-down list, select JPEG High.
- In the JPEG section, you can increase the quality of the JPEG.
- In the drop-down list, select Very High.
- Check Optimized.
- In the New Size section, enter a new Width or Height. The active Lock icon next to these fields ensures that the photo will keep its aspect ratio when you resize it and not be distorted. Note that the preview window shows the new file size and quality.
- Click Save.
- Enter a file name and click Save.