scorecard
  1. Home
  2. tech
  3. news
  4. How to resize an image in Photoshop and save it for optimal use on the web

How to resize an image in Photoshop and save it for optimal use on the web

Christina Liao   

How to resize an image in Photoshop and save it for optimal use on the web
Tech4 min read

photoshop icon

Shutterstock

You can easily resize and save photos in Photoshop.

Whether you want to increase or decrease the size of an image, Photoshop makes it incredibly easy to resize a photo.

There are two ways this can be done in the Adobe graphics editor, and choosing which process depends on the results you'd like to achieve.

One method simply allows you to adjust the dimensions without greatly affecting the quality, color profile, or information that is associated with every file.

The other is particularly useful for anyone who is creating content for the internet. In addition to changing the height and width of an image, it will also strip the photo of its metadata and slightly reduce the quality, thereby decreasing the file size and allowing it to load faster in a browser.

Here's how to do both.

How to resize an image in Photoshop

1. Open the Photoshop app and click on "File" at the top menu bar followed by "Open…" to select your image. If you're using a Mac, you can also drag the image over the Photoshop icon to quickly launch the app with your desired file.

2. Click on "Image" at the top menu bar followed by "Image Size…"

How to resize an image in Photoshop

Christina Liao/Business Insider

To simply adjust the image size, you can do so from "Image" at the top of the menu bar.

3. A window will pop up where you can adjust the width and height of your image based on either pixels or percent.

How to resize an image in Photoshop

Christina Liao/Business Insider

If you prefer to scale by percentage, just click the blue box with arrows next to "pixels" and you can select "percent."

4. Click "OK" once you've made your desired adjustments.

5. To save the changes, click on "File" followed by "Save" or "Save As…" The former saves over the original file while the latter allows you to keep both the original and new file.

6. If you clicked "Save As…," a window will pop up for you to select the location that you'd like to store the image. Once you've chosen where the photo will live on your computer, click "Save."

How to resize an image in Photoshop for the web

1. Open the Photoshop app and click on "File" at the top menu bar followed by "Open…" to select your image. If you're using a Mac, you can also drag the image over the Photoshop icon to quickly launch the app with your desired file.

2. Click on "Image" at the top menu bar followed by "Save for Web & Devices…"

3. A window will pop up where you can adjust the width and height of your image based on pixels or scale by percentage. For web, you typically want to adjust the resolution to 72 dpi.

How to resize an image in Photoshop

Christina Liao/Business Insider

"Save for Web" also allows you to scale images based on pixels or percentage. You can also adjust the quality and assure that your photo is in a RGB color profile.

4. Click on "Save" once you've made your changes.

5. Another window will pop up for you to select where you'd like to save your image. Once you've chosen where the photo will live on your computer, click "Save."

Related coverage from How To Do Everything: Tech:

READ MORE ARTICLES ON


Advertisement

Advertisement